Question

好吧，所以我正在尝试设置一个包含两个其他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

Answer 1

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

这些问题将由validator提取。

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

右键单击显示图像时显示背景图像，但不显示在网页上

1 个答案: