1

問題のページはhttp://www.streetstyles4all.co.uk/test4.htmlです（一般的なメニューのドロップダウンの問題）

やあ

アイコンを使用するようにメニューを更新することにしました。私はJavaスクリプトなどなしでcssとhtmlだけで動作するドロップダウンメニューを持っていて、ドロップダウンの各リンクの横にアイコンを配置しようとしましたが、先に進む前にこの問題を通過できず、取り除くことができませんでしたメインナビゲーションに使用されるホバー画像。画像はすべてのメニューの横に表示されます

  • 私はこれを通過することはできません。誰かアドバイスしてもらえますか？

    私のメニューコードは次のとおりです。

    <ul id="menu">
<li id="home"><a href="http://www.streetstyles4all.co.uk" title="home page">Home</a></li>
<li id="general"><a href="general.html" class="drop" title="General">General</a>
    <div class="dropdown_4columns">
        <div class="col_1">
            <h3>Street Styles 4 All</h3>

            <ul id="submenu">
                <li id="ss4aaboutus"><a href="about_us.html" title="About Street Styles 4 All">About Us</a></li>
                <li id="ss4aagency"><a href="contact_us.html" title="Contact Us">Agency</a></li>
            </ul>

        </div>
        <div class="col_1">
            <h3>Events</h3>
                <ul>
                    <li><a href="whats-on-next.html" title="What is the next event from Street Styles 4 All">What's on next</a></li>
                    <li><a href="street-dance-battles-and-competitions.html" title="Street Dance Competitions and Battles">Competitions</a></li>
                    <li><a href="end-of-year-show.html" title="End Of Year Show">End of Year Show</a></li>
                    <li><a href="street-dance-summer-school.html" title="Summer School">Summer School</a></li>
                    <li><a href="street-dance-master-class-workshops.html" title="Street Dance masterclass workshops">Master Classes</a></li>
                </ul>
        </div>
        <div class="col_1">
            <h3>Dance Crew</h3>
                <ul>
                    <li><a href="demosquad.html" title="What is the next event from Street Styles 4 All">Demo Squad</a></li>
                    <li><a href="pureskillz.html" title="End Of Year Show">Pure Skillz</a></li>
                    <li><a href="performance-dates.html" title="Street Dance Competitions and Battles">Performance Dates</a></li>
                    <li><a href="join-the-crew.html" title="Street Dance Competitions and Battles">How to Join</a></li>
                </ul>
        </div>
        <div class="col_1">
            <h3>Dance Crew</h3>
                <ul>
                    <li><a href="demosquad.html" title="What is the next event from Street Styles 4 All">Demo Squad</a></li>
                    <li><a href="pureskillz.html" title="End Of Year Show">Pure Skillz</a></li>
                    <li><a href="performance-dates.html" title="Street Dance Competitions and Battles">Performance Dates</a></li>
                    <li><a href="join-the-crew.html" title="Street Dance Competitions and Battles">How to Join</a></li>
                </ul>
        </div>
    </div>
    </li>
<li id="nearestclass"><a href="street-dance-dvd.html" class="drop" title="street dance dvd">Nearest Class</a></li>
<li id="tutorials"><a href="classes.html" class="drop" title="Street Dance Classes">Tutorials</a></li>
<li id="shop"><a href="street-dancers-for-hire.html" title="Street Dancers for Hire">Shop</a></li>
<li id="hireus"><a href="street-dancers-for-hire.html" title="Street Dancers for Hire">Hire Us</a></li>
<li id="contact"><a href="contact-us.html" title="Contact Us">Contact</a></li>

    問題のページはhttp://www.streetstyles4all.co.uk/test4.htmlです。

    • 4

    2 に答える 2

    1

    #generalのホバー状態と高さは、＃generalLI要素内にあるLI要素に適用されていると思います。内部LI要素のクラスを定義し、背景をnoneとして設定して、！importantとマークする必要がある場合があります。

    于 2012-04-18T18:33:12.803 に答える
    0

    画像にcssz -indexプロパティを使用してみてください。と同じくらい簡単z-index: 3;

    または、cssを使用して画像のサイズを変更してみてください。

    于 2012-04-18T18:24:05.503 に答える