Есть ли онлайн-инструмент для создания кроссплатформенных (включая IE6) теней? - PullRequest
Новая
       18

Есть ли онлайн-инструмент для создания кроссплатформенных (включая IE6) теней?

1 голос
/ 20 марта 2012

Я хочу генерировать тени.Но трудно генерировать кроссплатформенные тени.Есть ли какой-нибудь онлайн-инструмент для генерации кроссплатформенных (включая IE6) теней от ящиков?

То есть я хочу автоматически генерировать следующие коды 

/* For IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
        /* For IE 5.5 - 7 */
        filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');

Ответы [ 4 ]

1 голос
/ 20 марта 2012

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

CSS Pie использует возможность Internet-Explorers для динамического улучшения CSS с помощью.htc-файлы и их собственный VML-формат для эмуляции css3.Он довольно прост в настройке и работает довольно хорошо.

Некоторые вещи css3 также могут быть реализованы с помощью MS-фильтров.

0 голосов
/ 16 ноября 2013

Если вы хотите создать тень css для старых IE, я порекомендую собственный инструмент Microsoft для создания теней здесь - ссылка.http://samples.msdn.microsoft.com/workshop/samples/author/filter/Shadow.htm

Я не знаю, какой конкретный онлайн-инструмент для генерации для всех браузеров, но это довольно легко сделать самостоятельно, вот пример кросс-браузерной CSS css drop-shadow 

#box {
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.33);  /* Chrome 1-25, Safari 3.2+ */
       -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.33);  /* Firefox 4-15 */
         -o-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.33);  /* Opera 10.50–12.00 */
            box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.33);  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */

    /* IE6 & 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=135,strength=6);
    /* IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=135,strength=3)";
}

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

0 голосов
/ 20 марта 2012

Я знаю, что это гораздо сложнее, но вы всегда можете использовать изображения. Это может быть лучшим способом получить их в IE 6. Согласно http://www.w3schools.com/browsers/browsers_explorer.asp, только 1% пользователей Интернета используют IE6 в качестве веб-браузера. Вы можете создать отдельную таблицу стилей только для IE6, чтобы она не загромождала вашу основную таблицу.

0 голосов
/ 20 марта 2012

Мне не удалось найти генератор, но я знаю, что вы можете частично эмулировать это с помощью MS-фильтров.Я нашел статью , в которой немного сказано.

...