Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

What is this vertical transparent line appearing only on Safari Mac?

I've designed this page on Google Chrome, and it displays nicely. However if you check it on Safari Mac (Safari Windows displays it well) and it has a strange vertical line :

enter image description here

The line seems to be transparency of the white area (if I change the background color, it changes the line color). Another funny thing : there's an horizontal offset where the title is (the line is cut and moved to the left of the page)... a hint ?

I've inspected the elements, but there's no reason I can find.

Any help ?

like image 411
Julien Avatar asked Dec 21 '25 02:12

Julien


1 Answers

As per this reply: Stray vertical line above 965 pixels with border radius in Safari

You should add -webkit-background-clip: padding-box; to your containing class.

like image 85
Prisoner Avatar answered Dec 22 '25 18:12

Prisoner



Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!