2011-03-02 12 views
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">&nbsp;</div> 
      <div class="commentsWide3B">11:06:20</div> 
      <div class="commentsWide3C">30-06-2010</div> 
     </div> 
    </div> 
</div> 

そして、このCSS:

これは、HTMLコードのですか?そして、どうすればこの問題を解決できますか?

答えて

1

.commentContentスタイルは、PNG background-image,IE8 still doesn't get rightのスタイルである可能性があります。

+0

うん!実際に.jpgイメージを使用すると、この問題は消えます! Damn IE ... :) – markzzz

+1

アルファチャンネルがない場合はPNGを使用することができます。 IEを幸せにするかもしれない!それでも動作しない場合は、.commentContentの背景イメージを削除することを賢明にするか、前述のように別のイメージタイプを使用してください。 – andyb