Ai-je besoin d'un DOCTYPE spécial lorsque je veux utiliser CSS3? J'ai div avec la bordure en pointillés et je veux définir border-image (seulement avec CSS3), mais quand je définis border-image: url (.., rien ne se passeCSS3 border-image
Certains navigateurs peuvent uniquement prendre en charge les fonctionnalités CSS 3 dans Standards Mode, mais un mode standard déclenchement Doctype doit être considéré comme d'habitude et non « spécial ».
Gardez à l'esprit que le CSS 3 est un ensemble de spécifications qui ont pas stade de la recommandation encore atteint. Ils sont très nouveau le support du navigateur est loin d'être universel (et n'est pas un état binaire de 'supporte CSS 3 ou pas' - les versions actuelles de tous les principaux navigateurs web supportent certains CSS 3 (pour des valeurs différentes de 'some'). simplement être que vous n'utilisez pas un navigateur qui prend en charge border-image.
CSS3 n'est pas disponible sur tous les navigateurs pour le moment. À l'heure actuelle, seuls Chrome, Opera et Safari le prennent en charge. Les commandes CSS3 ne fonctionneront pas sur IE; vous devrez trouver d'autres solutions de rechange ou attendre que les navigateurs rattrapent les normes.
frontière image travaille actuellement dans Safari et Firefox 3.1 (Alpha). La syntaxe à l'utiliser est:
border-image: url (border.png) 27 27 27 27 ronde ronde;
Vous n'avez pas besoin d'un DOCTYPE spécifique, mais border-image est pris en charge que dans certains navigateurs. Vous pouvez également utiliser:
-webkit-border-image
-moz-border-image
-khtml-border-image
-o-border-image
pour élargir la plage de prise en charge des navigateurs. CSS3 n'a pas été implémenté comme standard sur tous les navigateurs actuels, donc l'utilisation de balises CSS spécifiques est la meilleure solution pour le moment.
La prise en charge est très limitée et incohérente dans les navigateurs qui la prennent en charge. Vérifiez Quirksmode (en bas de la table) pour voir les mauvaises nouvelles http://www.quirksmode.org/css/background.html
Il est très probable que l'image de bordure ne s'affiche pas, car vous n'avez pas utilisé les préfixes corrects. À l'heure actuelle, juste "border-image" n'est pas supporté par les principaux navigateurs, par conséquent vous devez ajouter le préfixe pour le navigateur.
E.g.
-webkit-border-image
-moz-border-image
-o-border-image
-webkit - pour les navigateurs basés sur WebKit tels que Google Chrome et Safari-moz - pour Firefox-o - Opera
Quel navigateur utilisez-vous? –
Mozilla, mais je dois faire pour travailler sur chacun d'eux – Damir
Vous ne l'obtiendrez pas pour travailler sur tous les navigateurs, et comme il est cosmétique, vous ne devriez pas * besoin * à l'un ou l'autre. http: // dowebsitesneedtolookexactlythesameineverybrowser.com/ – Quentin