CSS - IE8错误

Question

我有一个wordpress网站，它在Internet Explorer8中面临兼容性问题。http://www.sunsetbaycharters.net

在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;
}

Answer 1

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

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

至于方框间距的问题，你得给我们看看你的CSS。这可能与IE8缺乏对display: inline-block的支持有关。