Внутренняя тень для деления в IE

Question

Я создал внутреннюю тень для div, как в следующем коде CSS:

.gil_Help_ContentArea {
    width: 300px;
    height: 200px;
    margin: 5px 0 0 0;
    padding: 0px; 
    background-color: #fff;
    box-shadow: inset 0 0 10px #ccc;
    -moz-box-shadow: inset 0 0 10px #ccc;
    -webkit-box-shadow: inset 0 0 10px #ccc;
    -khtml-box-shadow: inset 0 0 10px #ccc;
}

Он отлично работает с браузерами, отличными от IE, но я хочу, чтобы тот же эффект был в IE. Если кто-то готов помочь, это будет оценено.

Вы можете проверить эффект на http://jsfiddle.net/shabirgilkar/Mu9jL/.

Answer 1

IE 8 и ниже не поддерживают свойство box-shadow CSS3, но может быть возможно заставить его работать.Вы должны проверить эти статьи ...

• http://dev.opera.com/articles/view/cross-browser-box-shadows/
• http://dimox.net/cross-browser-css3-box-shadow/
• http://fetchak.com/ie-css3/

Я бырекомендуем использовать изображения для IE 8 и ниже (используйте условные таблицы стилей).

Я придумал дрянное решение, но оно работает в IE 8, Chrome, Firefox, Safari и Opera.Посмотри на скрипку ...

http://jsfiddle.net/UnsungHero97/Mu9jL/3/

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

Answer 2

В настоящее время (ноябрь 2011 г.) не похоже, чтобы кто-либо разработал полифилл для IE8 или IE7, чтобы делать то, что вы хотите.См., Например, CSS3PIE (https://github.com/lojjic/PIE/issues/3), который поддерживает теневые рамки, но не поддерживает флаг вставки.

Ваш лучший (только?) Вариант - создать изображение для использования в качестве фона для элементаЭто, очевидно, не очень хорошее решение.

(Кроме того, чтобы помочь вам и другим найти другие полезные полифиллы, вот, возможно, полезная ссылка: https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Browser-Polyfills)

Answer 3

http://css3generator.com/

Выберите тень от поля

-webkit-box-shadow: inset 0px 0px 15px #313199;
-moz-box-shadow: inset 0px 0px 15px #313199;
box-shadow: inset 0px 0px 15px #313199;

На какую версию IE вы ссылаетесь? Разные версии сильно отличаются.