背景图像的右侧显示黑色实心边框。当您将窗口调整为比横幅div短时,边框会消失;当您调整窗口宽度时,边框会从右向左闪烁。
我在OSX Yosemite上使用FF 34.0。此边框不会显示在FF Developer Edition或Chrome中。
这是一个非常难以复制的bug。它要求背景图像高于其容器& 背景设置为固定,不重复。您可能需要调整窗口大小以进行复制。
代码(demo):
[role="banner"] {
height: 750px;
background: url('http://i.stack.imgur.com/L5cHU.jpg') no-repeat 50% 65% fixed transparent;
}
<div role="banner" class="clearBoth">
</div>
我在这里遗漏了什么吗?
可能相关: Flickering line under background image in Firefox on resize
更新 截图: