Box Shadows в CSS - PullRequest
Новая
       34

Box Shadows в CSS

4 голосов
/ 15 сентября 2010

Это не вопрос, а просто напыщенная речь.Или, может быть, вопрос ... или, может быть, я просто немного знаю о тенях от ячеек ..

Чтобы использовать тени от ящиков в CSS3 в разных браузерах, вот что мне нужно сделать: 

-webkit-box-shadow: 0px 0px 10px #676767;
-moz-box-shadow: 0px 0px 10px #676767;
box-shadow: 0px 0px 10px #676767;

Кто-нибудь еще находит это невероятно глупым для работы Firefox, Opera и Safari / Chrome / Webkit?И это даже не будет работать в IE!

Что я могу сделать, чтобы уменьшить дублирующиеся значения CSS?

Спасибо, Badallen

Ответы [ 3 ]

5 голосов
/ 15 сентября 2010

Поскольку box-shadow еще не указано официально, вам нужны специфичные для поставщика префиксы (например: -moz, -webkit, -ms). IE не поддерживает их период; Я бы порекомендовал использовать CSS3 PIE , если вы хотите использовать IE. В PIE также добавлена ​​поддержка других приятных глаз CSS 3, таких как border-radius и градиенты.

Если вы не хотите писать один и тот же код каждый раз, я бы порекомендовал использовать LESS или SASS и их миксины:

http://lesscss.org/
http://sass -lang.com /

1 голос
/ 16 сентября 2010

Обратите внимание, что по состоянию на 2010-09-14 , префикс -moz был удален для сборок платформы Mozilla. Firefox 4 будет полностью поддерживать box-shadow!

0 голосов
/ 15 сентября 2010

К сожалению, но неизбежно, именно так создаются стандарты:

  1. Указана часть стандарта.(Часто только одним разработчиком браузера.)
  2. Одна или несколько компаний внедряют эту часть в браузер.
  3. Стандарт пересматривается на основе реального использования стандарта в том виде, в котором он реализован, поэтомудалеко.

Ключевая часть - 3 - если бы не использовались префиксы вендора, часть 3 не могла бы произойти, поэтому ошибки не могли быть исправлены без большой боли для каждого веб-разработчика вмир.(См., Например, блочную модель Internet Explorer, «крысиное гнездо» ошибок, которое является плавающей реализацией Internet Explorer 6, и, ну, в значительной степени, всю историю Internet Explorer вплоть до версии 8.)

В какой-то момент,Браузеры, которым требуются префиксы поставщиков для box-shadow, будут непопулярны, так что вы можете пропустить -webkit-box-shadow и -moz-box-shadow.До тех пор это всего лишь цена, которую вы платите за использование новейших функций CSS.

...