Css 为IE定制Firefox/Chrome样式表

我有一个Firefox样式表和一个网站的chrome/safari样式表。现在的问题是IE没有选择这些样式（因为它们不是你典型的通用样式）。我想知道是否有一种简单的方法可以更改这些属性中的每一个，以便能够使用IE。我可以为IE更改一些样式/属性，但我不知道其中某些样式/属性的IE等效值。以下是Firefox样式表中使用的Firefox样式示例：

#topbar.black {/* Converted 1 gradient*/
background: -moz-linear-gradient(-90deg, #858585 0%, #636363 3%, #202020 50%, black    
51%, black 97%, #262626 100%);

}
#topbar.transparent {/* Converted 1 gradient*/
background: -moz-linear-gradient(-90deg, rgba(133,133,133,0.7) 0%,   
rgba(99,99,99,0.7) 3%, rgba(32,32,32,0.7) 50%, rgba(0,0,0,0.7) 51%, rgba(0,0,0,0.7) 
97%, rgba(38,38,38,0.7) 100%);

}
#topbar {/* Converted 1 gradient*/
background: -moz-linear-gradient(-90deg, #cdd5df 0%, #b0bccd 3%, #889bb3 50%,  
#8195af 51%, #6d84a2 97%, #2d3642 100%);

}
.pageitem {/* Converted 1 border radius*/
-moz-border-radius: 8px;
}
#tributton, #duobutton {/* Converted 1 gradient*/
background: -moz-linear-gradient(-90deg, #cdd4d9 0%, #c0c9cf 3%, #abb7bf 97%,    
#81929f 100%);

}

---

对于IE9+，您可以使用

.pageitem{border radius:8px}

，因为它是CSS3标准

对于渐变，您可以将此CSS hack用于IE:

#topbar{filter:progid:DXImageTransform.Microsoft.gradient（startColorstr='#cdd5df'，endColorstr='#b0bccd'）；}

Internet Explorer渐变过滤器不支持颜色停止、渐变角度和径向渐变。这意味着您只能使用两种颜色指定水平或垂直线性渐变：StartColorStr和EndColorStr。

---

有关详细信息，请参阅。

为什么不同浏览器有不同的样式表？听起来你做错了。我理解你的意思，问题是我正在使用iWebkit样式表（不是我创建的），给网站一个iPhone的外观和感觉。我拥有的mozilla样式表也是一个用于简化firefox的附加组件，现在我只需要一个IE样式表，但我对IE样式不是很熟悉……所以这基本上是一个逆向工程的案例。我真的没有时间把所有的事情都重新做一遍，只是为了我的工作。谢谢。IE和mozilla之间还有其他一些不同的属性，我想我只需要逐一“转换”它们？例如：-moz变换：旋转（90度）；