Internet explorer CSS中的下拉列表在IE9中是透明的

经过两天的谷歌搜索和混乱与我的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是否可能看不到背景？我把小提琴放在这里：

---

欢迎对CSS的任何帮助或评论，并提前表示感谢

因为IE 9还不支持渐变，所以您必须使用专有的MS filter属性来实现类似的效果。如果未指定背景色的值，则默认情况下将其设置为透明

IE的语法如下：

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

---

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

仅适用于IE：

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

---

太棒了，感谢您的快速回复！我在路上要解决这个问题：