1

我正在尝试在我的一个项目上应用全屏背景图像。它在 IE9 和 Firefox 中运行良好，但我一直在努力解决 Chrome 上的一个问题，因为它在顶部和左侧添加了一些 1px 边框。

截图：这里

我试图应用边框：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% */
    }
}

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

4

1 回答 1

1

我也有同样的问题，是Chrome的bug，他们知道那个bug，但是我认为google不会修复这个bug，自从bug出现以来已经10多个版本了，他们仍然没有修复......

如果您神奇地更改窗口的大小，则 1px 会消失（并重新出现，具体取决于 Chrome 内部的某些东西）...

尝试把 background-attachment: 固定，有时它解决了这个错误（但你的背景失去了滚动运动）。

于 2013-03-24T13:47:25.247 回答