Question

请在这里查看我的代码。除了IE之外，这些“drop up”菜单在任何地方都运行得很好。我正在使用IE 8，但据我所知，它在早期版本中也不起作用。在过去的几个小时里，我一直在搜索Interwebs，试图解决这个问题。如果可以，请你帮助我！谢谢。

<HTML>
<HEAD>
<STYLE>
#footer {
background-image:url(gradientl.gif);
background-position:left;
background-repeat:repeat-y;
text-align:right;
padding:20px;
background-color:#d5cfbf;
}

#nav-wrapper {
padding: 10px;
}

#nav {
letter-spacing:3px;
font-size:16.5px;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
background:#d5cfbf;
}

#nav, #nav ul {
float:right;
list-style-type: none;
}

#nav, #nav * { padding: 0; margin: 0; }

/* Head links */
#nav li.headlink { float: left; margin-left: -1px; padding: 0 10px; text-align: left; }
#nav li.headlink a { display: block; padding: 2px; text-decoration: none; }

/* Child lists and links */
#nav li.headlink ul {
display: none;
width:140px;
position:absolute;
  margin: -104px 0 0 -5px;
background:#d5cfbf;
border-bottom:none;
text-align: left;       
}

#nav li.headlink ul li a {
color:#fff;
}

#nav li.headlink:hover ul {
display: inline-block;
}

#nav li.headlink ul li a { 
padding: 5px;
height: 17px;
}

/* #nav li.headlink ul li a:hover { } */

#nav li ul li.current a {
color:#fff;
}

/* styling */
#nav a {color:#069; }
#nav ul li a:hover { text-decoration: none; color: #fff; }
#nav li a:hover, #nav li ul li a:hover {color:#069;}
/* #nav li.headlink { } */
</STYLE>
</HEAD>
<BODY>
<BR><BR><BR><BR><BR><BR><BR>
<!--nav bar-->
<div id="footer">
<a href="index.html" title="Home">Put Home Image Here</a>
    <div id="nav-wrapper">
        <!--START NAV UL-->
        <ul id="nav">
            <!--portfolio-->
                <li class="headlink"><a href="/portfolio">photography</a>
                <ul>
                    <li class="current"><a href="darkroom.html">darkroom</a></li>
                    <li><a href="portrait.html">portrait</a></li>
                    <li><a href="digital.html">digital</a></li>
                    <li><a href="shows.html">shows</a></li>
                </ul>
            </li>
                <!--end portfolio-->
                <!--misc begin-->      
                <li class="headlink"><a href="index.html">misc</a>          
                <ul>
                    <li class="current"><a href="video.html">video</a></li>
                    <li><a href="programming.html">programming</a></li>
                    <li><a href="audio.html">audio</a></li>
                </ul>
            </li>
            <!--misc end--> 
                <li class="headlink"><a href="printweb.html">print &amp; web</a></li>
                <li class="headlink"><a href="bio.html">bio</a></li>
            <li class="headlink"><a href="contact.html">contact</a></li>
        </ul>
        <!--END NAV UL-->
    </div>      
</div>
<!--nav bar END-->
</BODY>
</HTML>

为什么这个CSS菜单在Internet Explorer中不起作用？

0 个答案: