Настройка стилей Firefox/Chrome для IE

Question

У меня есть таблица стилей Firefox и таблица стилей хром/сафари для веб-сайта. Теперь проблема в том, что 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 стандарт.

Для градиентов вы можете использовать этот CSS хак для IE: #topbar {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cdd5df', endColorstr='#b0bccd');}

Градиент фильтр Internet Explorer не поддерживает цвет-стоп, градиент угол, и радиальный градиент. Это означает, что вы можете указать только горизонтальный или вертикальный линейный градиент с двумя цветами: StartColorStr и EndColorStr. Для получения более подробной информации см. here.