CSS Shadow IE8 и ниже - PullRequest
Новая
       13

CSS Shadow IE8 и ниже

0 голосов
/ 24 апреля 2011

У меня есть следующие свойства Shadow CSS, примененные к форме для получения поддержки кросс-браузер.Он работает в Firefox, Chrome и IE9, но в IE8 и ниже тень применяется к полям ввода, а не к самой форме.Как я могу обойти это.

<form>
    input1: <input type="text"><br>
    input2: <input type="text"><br>
    <input type="submit" value="submit">
</form>

form {
    width:400px;
    height:200px;
    -moz-box-shadow: 3px 3px 4px #ccc;
    -webkit-box-shadow: 3px 3px 4px #ccc;
    box-shadow: 3px 3px 4px #ccc; /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc')"; /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength = 4, Direction = 135, Color = '#cccccc');
}

Чек http://jsfiddle.net/FnXwk/

1 Ответ

2 голосов
/ 24 апреля 2011

Поместите явный цвет фона на элемент формы.Теневой фильтр IE применяется к первому непрозрачному элементу в дереве.

...