IE8 css ssues菜单栏未提前显示
下面是菜单的css脚本 该菜单在chrome和FF中显示得非常完美,但在IE中则不合适 在IE中正确显示的解决方案是什么 Edit1 这就是IE8中菜单的外观 这是FF中菜单的外观IE8 css ssues菜单栏未提前显示,css,internet-explorer,Css,Internet Explorer,下面是菜单的css脚本 该菜单在chrome和FF中显示得非常完美,但在IE中则不合适 在IE中正确显示的解决方案是什么 Edit1 这就是IE8中菜单的外观 这是FF中菜单的外观 检查您的doctype,确保IE理解内联块 和“不适当”是指。。什么?嗨,伙计们,我编辑了这个问题,这可能就是为什么你在IE8和IE9中遇到同样的问题。您必须显示设置,一个内联块,然后是块。#navmenu和#navmenu是一样的吗?嘿,谢谢..你的意思是我必须从代码中删除吗?关于块,你能解释更多吗?再看看你的C
检查您的doctype,确保IE理解
内联块
和“不适当”是指。。什么?嗨,伙计们,我编辑了这个问题
,这可能就是为什么你在IE8和IE9中遇到同样的问题。您必须显示设置,一个内联块
,然后是块
。#navmenu
和#navmenu
是一样的吗?嘿,谢谢..你的意思是我必须从代码中删除吗?关于块,你能解释更多吗?再看看你的CSS,我看到#navmenu li a
的三个显示
属性。我建议您先回顾一下CSS并进行一些大的清理。您还使用了float:left
和display:inline block
。为什么?因为在一些关于IE css问题的网站上,我是这样发现的。。如果它不正确,那么它应该是怎样的呢?没有“一个正确”的方法。我只是说你的CSS在这一点上有点混乱。我建议清理它,让它在有效的浏览器中工作。然后看看IE中出现了什么问题,并将其作为一个新问题发布。
#navmenu{
z-index:99999;
margin-top:40px;
margin-left:400px;
position:absolute;
}
#navMenu li {
float:left;
color:#ececec;
list-style-type:none;
}
#navMenu ul {
margin-left:300px;
margin-top:70px;
font-size:16px;
color:#000000;
}
#navMenu li a{
width:70px;
height:15px;
display: inline-block;
font-weight:700;
float:left;
color:#707070;
display: block;
padding: 8px 12px;
text-decoration: none;display: block;
padding: 8px 12px;
text-decoration: none;
background-image: url(img/image_menubutton.JPG);
border-right:1px solid white;
margin-right:12px;
font-family:"Georgia",Georgia,Serif;
font-weight:900;
font-size:19px;
text-align: center;
}
#navmenu li.item1{background-image: url(img/about.JPG);}