这条垂直透明线只出现在Safari Mac上？

Question

我在Google Chrome上设计了this page，效果很好。 但是，如果你在Safari Mac上检查它（Safari Windows显示得很好）并且它有一个奇怪的垂直线：

线条似乎是白色区域的透明度（如果我更改背景颜色，它会改变线条颜色）。 另一个有趣的事情是：标题是一个水平偏移（线被剪切并移动到页面左侧）......一个提示？

我已经检查了这些元素，但我没有理由找到它。

任何帮助？

Answer 1

根据此回复：Stray vertical line above 965 pixels with border radius in Safari

您应该将-webkit-background-clip: padding-box;添加到您的包含类中。