css - 为 IE 定制 Firefox/Chrome 样式表

Question

我有一个 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%);

}

Answer 1

对于 IE 9+，您可以使用 .pageitem {border-radius: 8px}，因为它是 CSS3 标准。

对于渐变，您可以为 IE 使用此 CSS hack:#topbar {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cdd5df', endColorstr='#b0bccd');}

Internet Explorer 渐变滤镜不支持色标、渐变 Angular 和径向渐变。这意味着您只能使用两种颜色指定水平或垂直线性渐变:StartColorStr 和 EndColorStr。 参见 here了解更多详情。