Question

我不知道如何使用人造柱向您解释麻烦。所以我会show给我们。

在第一张图片中，您可以看到Chrome呈现的虚拟列。在IE8的第二个。你怎么看，在IE上有不同的不透明度，我不知道为什么。

这是HTML代码：

<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：

.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;}

为什么会这样？我该如何解决这个问题？

Answer 1

可能.commentContent样式的PNG background-image IE8 still doesn't get right。

Faux Columns - IE vs Chrome - 不同的不透明度？

1 个答案: