Как добавить радиус границы и тень для IE8?

Question

Есть ли способ сделать это для IE8?

    -moz-box-shadow: 0px 0px 14px #585858; /* FF3.5+ */
    -webkit-box-shadow: 0px 0px 14px #585858; /* Saf3.0+, Chrome */
    box-shadow: 0px 0px 14px #585858; /* Opera 10.5, IE 9 */

    -moz-border-radius: 6px;
    border-radius: 6px;

Answer 1

Вы можете сделать это с помощью CSS3PIE . В IE добавлены закругленные углы, тени и градиентный фон.

Надеюсь, это поможет!

Answer 2

Для тени на IE8 вы можете использовать

.box-shadow {
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=135,Color='#000000')";
}

, где Strength - плотность тени, а Direction - угол смещения тени с шагом 45 градусов. См. Свойство направления в MSDN.

Надеюсь, это поможет.

Answer 3

IE8 не совместим ни с тенями, ни с закругленными углами.

Тени и закругленные углы, как правило, лучше всего делать с изображениями png, а затем взламывать для IE6.

В качестве альтернативы вы можете использовать что-нибудькак изящные углы (http://www.spiffycorners.com/) для закругленных углов.