CSS 中的下拉菜单在 IE9 中显示为透明答案

【问题标题】：Dropdown in CSS appears transparent in IE9CSS 中的下拉菜单在 IE9 中显示为透明
【发布时间】：2013-02-23 04:38:45
【问题描述】：

在谷歌搜索和弄乱我的 CSS 两天后，我放弃了向你们寻求帮助。我完全在 CSS 中创建了一个带有下拉菜单的导航菜单。到了在IE9下测试这个的时候，显然不行。

下拉列表看起来是透明的，我无法弄清楚为什么我的生活。在其他浏览器中一切正常，但我似乎找不到 IE 不理解的属性。

我怀疑这部分：

nav ul ul li {
    float: none;
    border-bottom: 1px solid #b7b7b7;
    border-top: 1px solid #fff;
    position: relative;
    background: -webkit-linear-gradient(#eeeeee 0%, #d4d4d4 100%);
    background: linear-gradient(#eeeeee 0%, #d4d4d4 100%);
    background: -moz-linear-gradient(#eeeeee 0%, #d4d4d4 100%);
    background: -o-linear-gradient(#eeeeee 0%, #d4d4d4 100%);
    -moz-box-shadow: inset 2px 2px 5px #ccc;
    -webkit-box-shadow: inset 2px 2px 5px #ccc;
    box-shadow: inset 2px 2px 5px #ccc;
}

IE 有没有可能看不到背景？我在这里附上了小提琴：http://jsfiddle.net/VU37g/

欢迎任何有关 CSS 的帮助或 cmets，并提前致谢！

【问题讨论】：

标签： internet-explorer css transparency

【解决方案1】：

要获得跨浏览器兼容性，请遵循本指南

仅适用于 IE：

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#000000');

http://webdesignerwall.com/tutorials/cross-browser-css-gradient

【讨论】：

【解决方案2】：

因为 IE 9 还不支持渐变，所以您必须使用专有的 MS 过滤器属性才能达到类似的效果。如果未指定 background-color 的值，则默认设置为transparent。

IE 的语法如下：

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc',  endColorstr='#000000');

More info

【讨论】：

太棒了，感谢您的快速回复！我正在解决这个问题:)