0

モバイル サイトを開発していて、セクションの上にランダムな線が表示される問題に遭遇しました。デスクトップに線が表示されないため、実際にテストすることはできません。私は ICS を搭載した新しい Android フォンを使用していますが、他のいくつかのフォンでもテストしました。

私のHTML構造は次のとおりです。

<footer>
    <div class="footer-top">
    </div>
    <div class="footer-main">
    </div>
</footer>

これらのセクションの私の CSS は次のとおりです。

footer { margin-top: -18px; position: relative; z-index: 100; }
.footer-top { background: url(../images/footer-top.png) repeat center top; height: 35px; text-align: center; }
.footer-main { background: url(../images/footer_bg.jpg) repeat center; padding-bottom: 30px;}

その行が表示される理由が見つかりません。他の誰かがこのような問題に遭遇しましたか?

4

1 に答える 1

2

iOS だけの問題だと思っていましたが、これは webkit 全体の問題である可能性があります。

基本的に、これはレンダリングのバグです。div の 1 つに 1 または 2 ピクセルの負のマージンを与えて、それをなくす必要がある場合があります。メディア クエリを使用してこれをターゲットにできるため、デスクトップは影響を受けません。

于 2012-07-16T19:19:27.927 に答える