文章/答案/技术大牛

发布

社区首页 >问答首页 >CSS -下拉效果不适用于IE-8

问CSS -下拉效果不适用于IE-8
EN

Stack Overflow用户

提问于 2013-12-10 11:57:45

回答 1查看 125关注 0票数 0

我无法让这段代码在IE-8上正常工作。我很抱歉，因为我是CSS初学者。

 <html xmlns="http://www.w3.org/1999/xhtml" xmlns:py="http://purl.org/kid        /ns#">
   <head>
       <meta name="generator" content= "HTML Tidy for Linux/x86 (vers 25 March 2009), see www.w3.org" />
       <meta content="text/html; charset=us-ascii" http-equiv="Content-Type"/>
       <link href="/site_media/css-dock-menu/style.css" rel="stylesheet" type="text/css" />
       <link rel="stylesheet" type="text/css" href="/site_media/css/new.css"/>
   </head>
   </body>
       <ul class="navbar">
         <li style="width:9%;">
            <a href="#">Useful Sites</a>
              <ul>
                  <li><a href="default1.aspx">Portal</a></li>
                  <li><a href="default2.aspx">Calender</a></li>
              </ul>
         </li>
         <li>
          [....]

基本上，徘徊在“有用的网站”应该显示下拉有“门户”和“日历”。

这是我的new.css -

#wrap   {
        width: 100%; 
        height: 30px;
        margin: 0; 
        z-index: 99; 
        position: relative;
        background-color: #366b82;
        }

.navbar {
        height: 20px;
        padding: 0;
        width: 100%;
        left-margin: 0;
        position: absolute; 
        right: 0;

        }

.navbar li {
                        height: auto;
                        width: 125px;  
                        float: left;  
                        list-style: none;  
            }

.navbar a       {
                padding: 10px 0;  
                border-left: 1px solid #54879d;
                border-right: 1px solid #1f5065; 
                text-decoration: none; 
                color: white; 
                display: block;
                }

.navbar li ul   {
                display: none; 
                height: auto;
                margin: 0;
                padding: 0; 
                }

.navbar li:hover ul     {
                        display: block; /* Displays the drop-down box when the menu item is hovered over */
                        }

提前谢谢！

css

internet-explorer

html

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-12-10 12:00:27

你需要如下所示

.navbar li a:hover ul 
 {
  display: block; /* Displays the drop-down box when the menu item is hovered over */
 }

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/20493887

复制

相似问题

问CSS -下拉效果不适用于IE-8
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CSS -下拉效果不适用于IE-8EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CSS -下拉效果不适用于IE-8
EN