0

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

}
4

1 回答 1

1

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

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

Internet Explorer 渐变滤镜不支持色标、渐变角度和径向渐变。这意味着您只能使用 2 种颜色指定水平或垂直线性渐变:StartColorStr 和 EndColorStr。有关更多详细信息,请参见此处

于 2012-05-16T12:15:42.027 回答