2010-05-13 42 views
1

我使用下面的CSS来设计导航菜单。我发现它在Chrome中完美工作,但绝对没有任何CSS是在Firefox或IE应用。在IE和FFox中​​忽略CSS而不是Chrome

有什么明显的,我没有做过或在这里做过?

<style type="text/css"> 
    #ddm { 
     margin: 0; 
     padding: 0; 
    }   
    #ddm li { 
     float: left; 
     list-style: none; 
     font: 8pt Tahoma, Geneva, sans-serif; 
    } 
    #ddm li a { 
     display: block; 
     padding: 5px 12px; 
     text-decoration: none; 
     border-right: 1px solid white; 
     width: 70px; 
     white-space: nowrap; 
     color:Red; 
     border: none; 
    }   
    #ddm li a:hover { 
     color:White; 
     background-color:#444444; 
    } 
    #ddm li ul { 
     margin: 0; 
     padding: 0; 
     position: absolute; 
     visibility: hidden; 
    }   
    #ddm li ul li { 
     float: none; 
     display: inline 
    }   
    #ddm li ul li a { width: auto; }    
    #ddm li ul li a:hover { } 
</style> 


    <ul id="ddm"> 
     <li> 
      <ul> 
       <li><a href="#">test 1</a></li> 
       <li><a href="#">test 2</a></li> 
      </ul> 
     </li> 
    </ul> 
+3

CSS被应用于此就好在Firefox/Chrome浏览器/ Safari浏览器的问题,虽然子列表默认是隐藏的,而且也没有:悬停动作还,所以你不会看到太多。 – Alec 2010-05-13 00:09:04

+0

你真的需要使用'pt'作为字体大小吗?而且你的例子并没有在FF和Chrome中显示任何东西,因为一切都是隐藏的可见性,这是​​很好的我猜...所以一切似乎工作,亚历克说。 – 2010-05-13 00:10:11

+0

你们俩都是对的。除了IE和FF之外,标记之外还必须有别的东西干扰IE。对不起,浪费时间。 – Grant 2010-05-13 01:15:29

回答

0

你们都是对的。除了IE和FF之外,标记之外还必须有别的东西干扰IE。对不起,浪费时间。

-1

最后一行display: inline缺少;在年底,这是造成