Нужен ли мне специальный DOCTYPE, когда я хочу использовать CSS3? У меня есть div с пунктирной рамкой, и я хочу установить border-image (только с CSS3), но когда я устанавливаю border-image: url (.., ничего не происходит.CSS3 border-image
Некоторые браузеры могут поддерживать только функции CSS 3 в Standards Mode, но стандарты режима запуска Doctype следует рассматривать как обычно и не «специальный».
Имейте в виду, что CSS 3 представляет собой набор спецификаций, которые не пока достигли стадии рекомендации. Они очень новый и поддержка браузера далека от универсальной (и не является бинарным состоянием «поддерживает CSS 3 или нет» - текущие версии всех основных веб-браузеров поддерживают некоторые из CSS 3 (для разных значений «некоторые»). просто убедитесь, что вы не используете браузер который поддерживает border-image.
В настоящее время CSS3 не доступен во всех браузерах. Прямо сейчас, только Chrome, Opera и Safari поддерживают его. Команды CSS3 не будут работать в IE; вам придется найти другие обходы или подождать, пока браузеры не догонят стандарты.
границы изображения в настоящее время работает в Safari и Firefox 3.1 (Альфа). Синтаксис использования является:
границы изображения: URL (border.png) 27 27 27 27 круглый;
Вам не нужен конкретный DOCTYPE, но border-image поддерживается только в некоторых браузерах. Вы также можете использовать:
-webkit-border-image
-moz-border-image
-khtml-border-image
-o-border-image
, чтобы расширить диапазон поддержки браузеров. CSS3 не был реализован в качестве стандарта во всех существующих браузерах, поэтому использование конкретных тегов CSS - лучший способ пойти сейчас.
Поддержка очень ограничена и непоследовательна в браузерах, которые ее поддерживают. Проверьте Quirksmode (внизу таблицы), чтобы увидеть плохие новости http://www.quirksmode.org/css/background.html
Скорее всего, изображение границы не появилось, потому что вы не использовали правильные префиксы. Прямо сейчас, «border-image» не поддерживается основными браузерами, поэтому вам нужно добавить префикс для браузера.
E.g.
-webkit-border-image
-moz-border-image
-o-border-image
-webkit - для WebKit на основе браузеров, таких как Google Chrome и Safari-moz - для Firefox-o - для Opera
Какой браузер вы используете? –
Mozilla, но мне нужно сделать для работы на всех из них – Damir
Вы не получите его для работы во всех браузерах, и поскольку он косметический, вы не должны * нуждаться * в любом. Http: // dowebsitesneedtolookexactlythesameineverybrowser.com/ – Quentin