此垂直透明线只出现在Safari Mac上是什么？ [英] What is this vertical transparent line appearing only on Safari Mac?

问题描述

我在谷歌浏览器上设计了

您应该添加 -webkit-background-clip： padding-box; 包含你的类。

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 :

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 ?

解决方案

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.

这篇关于此垂直透明线只出现在Safari Mac上是什么？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！