1

プロジェクトの1つにフルスクリーンの背景画像を適用しようとしています。IE9とFirefoxではかなりうまく機能しますが、上下に1ピクセルの境界線が追加されるため、Chromeでの問題に苦労しています。

スクリーンショット：ここ

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% */
    }
}

誰もがこれを引き起こしている可能性があることを知っていますか？よろしくお願いします:)

4

1 に答える 1

1

私は同じ問題を抱えています.Chromeのバグです.彼らはそのバグを知っています.

ウィンドウのサイズを魔法のように変更すると、1pxが消えます（Chrome内の何かに応じて、再び表示されます）...

background-attachment: fixed を配置してみてください。このバグが解決される場合があります (ただし、背景はスクロールの動きを失います)。

于 2013-03-24T13:47:25.247 に答える