0

好的，所以我正在尝试设置一个网页，其中一个 div 包装了另外两个 div，并且包装器 div 有背景，另外两个是透明的。这怎么行不通？

这是CSS：

.posttext{
    float: left;
    width: 70%;
    text-align: left;
    padding: 5px;
    background-color:  transparent !important;
}

.postavi{
    float: left;
    width: 100px;
    height: 100%;
    text-align: left;
    background-color: transparent !important;
    padding: 5px;
}

.postwrapper{
    background-image:url('images/post_bg.png');
    background-position:left top;
    background-repeat:repeat-y;
}

这是HTML：

<div class="postwrapper">

                            <div class="postavi"><img src="http://prime.programming-designs.com/test_forum/images/avatars/hacker.png" alt="hacker"/></div><div class="posttext"><p style="color: #ff0066">You will have bad luck today.</p>lol</div>
                        </div>

编辑：应要求，这里是网站的链接：http ://prime.programming-designs.com/test_forum/viewthread.php?thread=33

4

1 回答 1

2

!important关键字必须放在最后（即在值之后），并且transparent是关键字而不是以十六进制表示的 RGB 值（因此不应以 a 为前缀#）。

这些问题将由验证者处理。

由于.postavi是浮动的，它不会影响其容器的高度，因此.postwrapper它的高度为0并且您看不到其中的背景。有多种方法可以解决这个问题，我通常更喜欢overflow: hidden 方法。有关原因的解释，请参见http://complexspiral.com/publications/ contains -floats/。

于 2010-04-10T18:39:13.813 回答