CSS3 / IE совместимость и тени и границы

Question

У меня есть поле, точнее div, которое будет служить полем для входа на первой странице веб-сайта. Я применяю эффекты CSS3 moz, webkit и box-shadow. Метод отлично работает во всех браузерах, КРОМЕ IE. У меня IE 7. Что я могу сделать, чтобы сделать его совместимым со всеми браузерами Internet Explorer 6 и выше?

#login_portal {
    font-weight: bold;
    text-decoration: none;
    margin-right: 125px;
    margin-left: 125px;
    height: auto;
    padding: 10px;
    -moz-box-shadow: 0 0 5px 5px #888;
    -webkit-box-shadow: 0 0 5px 5px#888;
    box-shadow: 0 0 5px 5px #888;

    border: 1px solid #CCC;


}

Answer 1

IE9 должен работать просто отлично. Для IE6-7-8 вы можете использовать http://css3pie.com/, но тогда вам нужно подумать, действительно ли имеет смысл ухудшить и без того низкую производительность в IE для простой тени-тени ...

Answer 2

Дайте CSS3 PIE попробовать.Это делает Internet Explorer 6-9 способным отображать некоторые из самых полезных функций оформления CSS3

Answer 3

Вы можете использовать свойство фильтра, чтобы CSS3 был совместим с IE7 +.См. Пример ниже:

.box-shadow {
    -moz-box-shadow: 2px 2px 3px #969696; /* for Firefox 3.5+ */
    -webkit-box-shadow: 2px 2px 3px #969696; /* for Safari and Chrome */
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=145, Strength=3);
}

Эта ссылка для получения более подробной информации.

Answer 4

Можно ли использовать? говорит, что box-shadow не поддерживается до IE9. Извините.