背景透明度在 IE9 及以下版本中不起作用答案

【问题标题】：Background Transparency not working in IE9 and below背景透明度在 IE9 及以下版本中不起作用
【发布时间】：2013-07-04 22:16:33
【问题描述】：

我的最新项目中似乎存在某种透明度问题。

我正在使用 CSS 选项

background: transparent;

使元素的背景透明。

可悲的是，它似乎不起作用，并以框阴影或边框或其他东西打破，所以我的 ul 看起来很奇怪......

我说的这个项目暂时可以在

Project

我说的是

<ul id="nav">

元素。此行为仅在 IE9 及以下版本中出现。

为了以后使用，这里是描述的问题的图片。

这是相应的 HTML 代码

<ul id="nav">
        <li class="active"><a href="https://ggb2.zzinternet.de/homepage.html" target="_self">Startseite</a></li>
        <li><a href="https://ggb2.zzinternet.de/leistungen.html" target="_self">Leistungen</a></li>
        <li><a href="https://ggb2.zzinternet.de/seminare.html" target="_self">Seminare</a></li>
        <li><a href="https://ggb2.zzinternet.de/ueber-uns.html" target="_self">Über Uns</a></li>
        <li><a href="https://ggb2.zzinternet.de/kontakt---service.html" target="_self">Kontakt</a></li>
        <li><a href="https://ggb2.zzinternet.de/karriere.html" target="_self">Karriere</a></li>
</ul>

这是相应的 CSS

#nav {
  margin: 0; 
  list-style: none;
  background: transparent;     
  margin-left: 35%;
  height: 31px;
  width: 625px;
  display: block;
  border: 0;
}
  #nav li {
    border: 0;
    float: left;
    margin: 0;
    position: relative; 
    line-height: 30px;
    background: url('individual/menu/middle-el_bg.png');
    display: inline;
    border: 0;
    width: 15%;
}


#nav {
box-shadow: 0px 5px 8px rgba(0,0,0,0.2);
}

#nav li.active:after {
    box-shadow: -2px 5px 8px rgba(0,0,0,0.2);
}

#nav li.active:before {
    box-shadow: 2px 5px 8px rgba(0,0,0,0.2);
}

感谢您的帮助！

【问题讨论】：

这可能会有所帮助stackoverflow.com/questions/3997065/…
对于 StackOverflow 的后续用户来说，您只发布一个“暂时[i]ly available”的链接并没有什么好处。您需要做的是在jsFiddle 之类的网站上发布一个较小的测试用例，并附上相关代码来重现问题，然后在这里也发布html 和css 代码。
@ScottS 感谢您的建议，我已经添加了我的问题的图片，目前正在尝试创建一个 jsFiddle
在您的问题中提供代码通常最有帮助：D 不仅对后来的用户，而且对不信任奇怪命名网站的人也有帮助......
好的，我添加了有关我的问题的所有代码。这应该会在未来对其他人有所帮助。

标签： css internet-explorer

【解决方案1】：

为什么不从 ie-fixes9.css 中删除以下行

#nav box-shadow: 0px 5px 8px rgba(0,0,0,0.2)

【讨论】：