Question

我正在使用以下css设置导航菜单样式。我发现它在chrome中完美运行但绝对没有一个css在firefox或IE中应用。

有什么显而易见的事我没做过或已经做过吗？

<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>

Answer 1

你们两个都是对的。标记之外必须有其他东西以某种方式干扰IE和FF。很抱歉任何时候浪费。

Answer 2

最后一行display: inline在最后错过;，导致您的问题

IE中被忽略的CSS＆amp; FFox但不是Chrome

2 个答案: