Question

我正在尝试在我的某个项目中应用全屏背景图像。它在IE9和Firefox中运行得相当不错但我在Chrome上遇到了一个问题，因为它在顶部和左侧增加了1px的边框。

屏幕截图：here

我尝试应用border：0;但仍然没有。

   <img src="./images/highway.jpg" class="background-image" alt="background-image" />

    img.background-image {
    /* Set rules to fill background */
    min-height: 100%;
    min-width: 960px;

    /* Set up proportionate scaling */
    width: 100%;
    height: auto;

    /* Set up positioning */
    position: fixed;
    top: 0;
    left: 0;

    }

@media screen and (max-width: 1024px) { /* Specific to this particular image */
    img.background-image {
        left: 50%;
        margin-left: -512px;   /* 50% */
    }
}

任何人都知道可能导致这种情况的原因是什么？会很感激:)）

Answer 1

我有同样的问题，这是Chrome的一个bug，他们知道这个bug，但我认为谷歌不会修复这个bug，因为bug出现了10多个版本，他们仍然没有修复...

如果你神奇地改变窗口的大小1px dissapear（和reapear，取决于Chrome中的某些东西）......

尝试将背景附件：修复，有时它会解决此错误（但您的背景会丢失滚动条）。

在Chrome的全屏幕背景图象儿童车

1 个答案: