我想在IE 7＆amp; IE 6

Question

我有以下CSS

/* Start Submenu */

#submenu {
    list-style-type:none; 
}

#submenu ul{
    border-bottom:3px solid #1c29da;
    margin:0px;
    padding:0px;
    display:table;
}

#submenu li{
    width:123px;
    height:58px;
    background:url(submenu_btn.jpg) no-repeat;
    vertical-align:middle;
    text-align:center;
    display:table-cell;
}

#submenu a {
    color:#333333;
    font: bold 12px/13px Arial, Helvetica, sans-serif;
    cursor:pointer;
}

#submenu a:hover {
    color:#2f6535;
    font: bold 12px/13px Arial, Helvetica, sans-serif;
    cursor:pointer;
}

/* End Submenu */

见this image。 IE 6＆amp; S的解决方案是什么？ 7使其内联？

Answer 1

标准的跨浏览器实现是使用浮点数。从以下内容开始：

#submenu { overflow: hidden; }
#submenu ul { overflow: hidden; }
#submenu li { float: left; }

并根据需要设置样式。

话虽如此，我不会自己解决这个问题。某些浏览器需要批次例外和代码。这只是你问题的开始。我建议使用预先打包的标签或菜单解决方案。