我对 IE 9 和 CSS 有一些问题。我想像每天一样制作一个 ul,li 菜单(只是开玩笑,不是每天),然后遇到一些我以前从未遇到过的错误。我有 2 个问题的屏幕截图。第一个 IE 9: 问题 IE9
在这里,我们有我想要的方式并在 Firefox、Chrome、Safari 中获取它: 没问题 Firefox、Chrome、Safari
这是整个菜单的 CSS:
#menu {
background: white url(images/menu.jpg);
width: 940px;
height: 58px;
margin: 40px auto;
}
#menu ul {
margin: 0px 0px 0px -50px;
padding: 0px 0px 0px 0px;
list-style: none;
line-height: normal;
text-align: center;
}
#menu li {
list-style: none;
line-height: normal;
float: left;
margin-left: 160px;
}
#menu a {
display: block;
float: left;
height: 55px;
padding: 0px 30px 0px 30px;
line-height: 56px;
letter-spacing: 1px;
text-decoration: none;
text-transform: uppercase;
font-family: 'Oswald', sans-serif;
font-size: 19px;
font-weight: normal;
color: #B5B5B5;
border: none;
}
#menu .current_page_item a {
color: #FFFFFF;
}
#menu a:hover {
text-decoration: none;
color: #FFFFFF;
}
这是菜单的 HTML 代码:
<div id="menu">
<ul>
<li><a href="index.html"><strong>Startseite</strong></a></li>
<li><a href="programm.html"><strong>Programm</strong></a></li>
<li><a href="karten.html"><strong>Karten</strong></a></li>
<li class="current_page_item"><a href="#"><strong>Sponsoren</strong></a></li>
</ul>
</div>
我希望有人可以帮助我解决这个问题..
顺便说一句:http ://adtime.agasoft.net/bako在那里你可以找到整个 HTML 页面的东西!:)