html - Mac OS X 上 webkit 中的滚动条问题

Question

Chrome 和 Safari 在我正在编码的站点的滚动条上都显示出奇怪的行为。

滚动条隐藏在 :after 和 :before 元素下，如下所示：

使它们隐藏在块下的样式：

-webkit-backface-visibility: hidden;
margin-left: -2%;
display: block;
content: '';
width: 110%;
height: 60px;
margin-top: -30px;
-webkit-transform: rotate(-2deg);
-moz-transform: rotate(-2deg);
transform: rotate(-2deg);
background: #fff;
padding-bottom: 30px;

有谁知道为什么滚动条会这样？