我写了一个在IE8,FF3.6,GC7中运行良好的菜单样式.现在的问题是,我的老板希望它甚至可以在IE7上运行.我真的很努力让它在IE7上工作,但无法获得相同的外观.
menu.css
a{outline:none;}
.menu {
margin:0;
display:table;
padding:0;
white-space:nowrap;
width:958px;
text-align:center;
font-size:12px;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
height: 30px;
background: transparent url("../images/menubg.jpg") repeat-x top left;
border-bottom:4px solid #92C4E9;
border-right:2px solid #005D91;
border-left:2px solid #005D91;
}
.menu ul {
list-style:none;
margin:0;
padding:0;
display:table-row;
white-space:nowrap;
}
.menu ul li{
display:table-cell;
border-right:1px solid #005D91;
border-left:1px solid #005D91;
}
.menu ul a{
display:block;
padding:12px 5px 0 5px;
text-decoration:none;
height:26px;
margin: 0 3px 0 3px;
color:#ffffff;
}
.menu ul a:hover{
margin: 0 3px 0 3px; …
Run Code Online (Sandbox Code Playgroud) css ×1