-2

概念実証のためにクライアントが参照できるようにテスト サイトを作成しました。ブラウザをクロスチェックすると、そこにあるはずのない白い線があることに気付きました。

http://artistelisabeth.com/ (FF を除く他のすべてのブラウザーで正しく読み込まれます)

FF で表示すると、フッターのすぐ上に ~10px の線があります。最初は単純な修正に見えますが、実際には体の背景が透けて見えます。

親要素の最初のパディングボトムまたは子要素のマージンをいくつか追加してみました。何も機能しませんでした。唯一の解決策は、フッターに margin-top:-10px を追加するか、注目の div に反対のスタイルを追加することです。

また。.featured div に関連付けられている私の CSS の唯一のスタイルは background: #ded1ae です。これは他のすべてのブラウザーでは正しく表示されますが、FF では background: none に変更されます。 174);

また、他のすべての背景色も変更され、すべての 16 進数の色が RGB に変更されていることに気付きました。

これは単純な解決策かもしれませんが、そうであることを願っています。しかし、私は完全に困惑しており、このような問題に遭遇したことはありません.

助けてください！

（私はスケルトンボイラープレートを使用していることに注意する必要があると思いますが、これまで何度も問題なく使用しており、それがこれにどのように影響するかわかりません。）

<div class="featured"> 
   <div class="container"> 
   </div> 
</div> 

.featured { background: #ded1ae; height: 100px; } 
.container { position: relative; width: 1200px; margin: 0 auto; padding: 0; }

上記はFFを除くすべてのブラウザのCSSで、FFでは次のように表示されます

.featured { background: none repeat scroll 0 0 #DED1AE; height: 100px; }
4

1 に答える 1

2

とを持つことで空白が発生し<hr class="remove-bottom">ます。<footer>margin-top: 10pxclear: both

設定する.remove-bottom { margin: 0; }と「修正」されます。

Firefox や他のブラウザのバグ/仕様違反かどうかは不明です。

于 2013-09-05T07:58:29.967 に答える