IE7はホワイトスペースapngを表示します
-
06-07-2019 - |
質問
PNG背景画像を含むdivがあります。 IE7のWebページにdivが表示された後、divとフッターの間に空白があります。他のすべてのブラウザー(IE8を含む)は、PNGを正しく表示します。解決策についてのアイデアはありますか?
解決
ここで考えたことはありますが、その空白を追加しているのはブラウザのスタイルシートですか?
CSSリセットを使用してみてください。
他のヒント
img
タグの周囲に空白があり、IE6およびIE7で単一の白い文字が表示される可能性が非常に高くなります。
あなたのコードは次のように見えると思います:
<div>
<img/>
</div>
作成してみてください:
<div><img/></div>
だから:
-空白なし
-改行文字なし
ブラウザが画像をブロック要素として扱うように強制すると、与えられた継承されたマージンがすべて無効になります。これを試してください:
<style type="text/css">
.blockify { display: block; }
</style>
<img src="/path/to/my/image.png" width="100" height="100" class="blockify" />
画像がDIVタグのように動作するようになったことに注意してください。したがって、それに応じて書式設定/配置を適用してください。たとえば、グラフィックを中央に配置する場合は、他のDIV要素と同様に配置する必要があります。
<style type="text/css">
.blockify { display: block; margin: 0px auto; }
/* auto margins help center block elements */
</style>
所属していません StackOverflow