-1

私の仕事の原因は、html と CSS を学ばなければなりません。そのため、解決策が見つからない問題が発生したのは非常に迅速でした。

この CSS:

#footer{
    height: 207px;
    margin-top: 7px;
    background: url(img/footer.jpg);
    background-repeat: no-repeat;
}
#footer.menue{
    height: 25px;
    background-image: url(img/menue.jpg);
    background-repeat: no-repeat;

2 つの画像を Web サイトに表示する必要がありますが、最初の画像のみが表示されます。

HTML 

        <div id="footer">
            <ul class="menue">
                <li><a href="#Links">Links</a></li>
                <li><a href="#Kontakt">Kontakt</a></li>
                <li><a href="#Impressum">Impressum</a></li>
            </ul>
        </div>

[解決済み:] http://jsbin.com/utupat/1/edit

4

1 に答える 1

0

HTML コードを使用している場合:

<div id="footer" class="menue"></div>

そしてcss

#footer{
    height: 207px;
    margin-top: 7px;
    background: url(img/footer.jpg);
    background-repeat: no-repeat;
}
#footer.menue{
    height: 25px;
    background-image: url(img/menue.jpg);
    background-repeat: no-repeat; }

U は 1 つの div に同じ高さを使用しています。彼は 2 つ目の 25px を使用し、最初のものを無視します。また、1 つの div に 2 つの背景画像を使用することはできません。彼は 1 つだけを使用します。複数の背景画像が必要な場合は、css3 機能を使用する必要があります1 つの div に複数の背景画像

于 2013-03-07T14:07:49.040 に答える