0
私はあなたに偽の列を使ってトラブルを説明する方法を知らない。だから私はshowそれを私たちにします。Faux Columns - IEとChrome - 異なる不透明度ですか?
最初の画像には、Chromeによってレンダリングされた偽の列が表示されます。 IE8で2番目に。どのように見ることができますか、IE上には違う不透明度があり、なぜそれがわかりません。これが起こるのはなぜ
.commentsWide{width:690px; float:left; background-color:#999999; color:#000000; border-bottom:1px #000000 solid; padding-top:5px; padding-bottom:5px; padding-left:10px; padding-right:10px;}
.commentContent{width:690px; float:left; background-image:url(../img/comments_background.png);}
.commentsWide1{width:120px; float:left;}
.commentsWide2{width:450px; float:left; padding-left:10px; padding-right:10px;}
.commentsWide3{width:100px; float:left; text-align:right; font-weight:bold;}
.commentsWide3A{width:20px; height:35px; float:left; padding-left:10px; padding-top:5px;}
.commentsWide3B{width:70px; float:left; text-align:right; font-size:14px;}
.commentsWide3C{width:70px; float:left; text-align:right; font-size:12px;}
:
<div class="commentsWide">
<div class="commentContent">
<div class="commentsWide1">
<a class="lblackbbu" href="index.php?explore=userview&userv=chevr">chevr</a>
</div>
<div class="commentsWide2">
side A sorry i forgot to mention :P
</div>
<div class="commentsWide3">
<div class="commentsWide3A"> </div>
<div class="commentsWide3B">11:06:20</div>
<div class="commentsWide3C">30-06-2010</div>
</div>
</div>
</div>
そして、このCSS:
これは、HTMLコードのですか?そして、どうすればこの問題を解決できますか?
うん!実際に.jpgイメージを使用すると、この問題は消えます! Damn IE ... :) – markzzz
アルファチャンネルがない場合はPNGを使用することができます。 IEを幸せにするかもしれない!それでも動作しない場合は、.commentContentの背景イメージを削除することを賢明にするか、前述のように別のイメージタイプを使用してください。 – andyb