CSS-IE8错误

CSS-IE8错误,css,firefox,internet-explorer-8,cross-browser,compatibility,Css,Firefox,Internet Explorer 8,Cross Browser,Compatibility,我有一个wordpress网站,它在InternetExplorer8中面临兼容性问题 IE8和IE7中的导航菜单加载不正确 IE8导航不好 此外,我的站点中的内容框在IE8中是不透明的。我明白这是因为我正在使用RGBA,我需要知道如何修复它 请告诉我如何修复IE8和IE7中的导航菜单以及rgba透明框 导航菜单的CSS代码: div#top-menu, div#top-menu.et-fixed { background-color: white; position: fix

我有一个wordpress网站,它在InternetExplorer8中面临兼容性问题

IE8和IE7中的导航菜单加载不正确

IE8导航不好

此外,我的站点中的内容框在IE8中是不透明的。我明白这是因为我正在使用RGBA,我需要知道如何修复它

请告诉我如何修复IE8和IE7中的导航菜单以及rgba透明框

导航菜单的CSS代码:

div#top-menu, div#top-menu.et-fixed {
    background-color: white;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 1000;
    box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.8);
    height: 80px;
    text-align: center;
}

对于内容框背景透明度,您必须使用背景图像(因为IE8不支持透明度)。只需将您想要使用的颜色/透明度制作一个5x5正方形PNG,并将其设置为背景重复。例如:

.target-element {
    background-image: url('images/your-transparent-tile.png');
    background-repeat: repeat;
}

至于框间距问题,你必须给我们看一下你的CSS。这可能与IE8缺乏
display:inlineblock
支持有关。

IE8的问题。还有什么新鲜事请显示此菜单的css代码。div#top-menu,div#top-menu.et-fixed{背景色:白色;位置:固定;顶部:0px;左侧:0px;宽度:100%;z索引:1000;框影:0px 0px 10px 2px rgba(0,0,0.8);高度:80px;文本对齐:中心;}在IE8中,它工作得非常好。。。。但是不能很好地使用IE 7…@Rony:我使用的是IE8 8.0.6001.18702,我在两台电脑上面临问题。谢谢你的方法!我试试看。我已经用css更新了主要帖子。