W3 VALID кросс-браузерный градиент CSS, - PullRequest
1 голос
/ 02 октября 2011

Я пытаюсь найти HTML-оператор условия, чтобы я мог ссылаться на требуемый дополнительный файл .css. Опера, Ie8, Safari.

Я использую:

background: -moz-linear-gradient(#ADD58A, #FFFFFF);

для Firefox, это здорово. Но наличие других свойств браузера css приводит к сбою проверки W3 css!

Я считаю, что с помощью условных операторов HTML это можно сделать с помощью допустимого кода.

Прежде чем ответить, да, я посмотрел на pie, у меня нет 3-х зеленых галочек проверки при использовании pie, поэтому я хочу использовать условный html вместо использования стилей отбрасывания браузера.

Ответы [ 2 ]

3 голосов
/ 02 октября 2011

В валидаторе Jigsaw CSS3 должна быть возможность вызывать предупреждения вместо ошибок в расширениях поставщика. Предполагая, что вы не использовали никаких других нестандартных стилей, ваш CSS должен пройти с зеленым, хотя и с несколькими предупреждениями, но не более того.


Что касается того, почему Дэниел А. Уайт говорит, что не стоит беспокоиться о проверке, хорошо, «действительный кросс-браузерный CSS3 W3C» - это оксюморон. В 2011 году вы просто не можете достичь этого с большинством функций CSS3.

Да, проверьте ваш код для максимальной кросс-браузерной совместимости. Но в реальном мире это применимо только к CSS2 прямо сейчас. Когда речь идет о функциях CSS3, где сама спецификация еще не завершена, не говоря уже о реализации браузеров (однако они интерпретируют неполную спецификацию), валидность еще не имеет смысла. Такие вещи, как border-radius, могут работать, если вы игнорируете менее современные (я бы не сказал, старые) версии большинства современных браузеров, поскольку последние версии всех основных браузеров теперь поддерживают официальное имя свойства, но никто в мире не реализовал расширение без расширений. версий любых CSS градиентов пока нет.

Вы можете сказать им, чтобы они вызывали только предупреждения в валидаторе, или если вы настолько анальный, что даже не хотите предупреждений, возможно, подождите до следующего года. Надеемся, что все будет достаточно стабильно, и основные браузеры будут отбрасывать свои префиксы для CSS3-градиентов.

1 голос
/ 02 октября 2011

-moz является префиксом, специфичным для поставщика Firefox.Я не буду беспокоиться о валидации css.

Определите градиент с ними тоже.

  • linear-gradient - возможный стандарт
  • -o-linear-gradient - опера
  • -webkit-linear-gradient - сафари / хром
  • -ms-linear-gradient - т.е.
...