0

わかりましたので、他の 2 つの div をラップする div を使用して Web ページを設定しようとしています。ラッパーの div には背景があり、他の 2 つは透明です。これがうまくいかないのはなぜですか？

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必要があり、16 進数で表される RGB 値ではないキーワードです (したがって、接頭辞を付けるべきではありません)。transparent#

これらの問題はバリデータによって検出されます。

はフローティングであるため.postavi、コンテナーの高さに影響を与えないため、高さが であり、その.postwrapper中0に背景が表示されません。これを回避するにはさまざまな方法がありますが、私は通常、overflow: hidden メソッドを好みます。理由については、http://complexspiral.com/publications/containing-floats/を参照してください。

于 2010-04-10T18:39:13.813 に答える