les feuilles de style css border radius

Je suis en train d'utiliser les deux propriétés suivantes dans mes styles.css:

border-radius: 8px; /*w3c border radius*/
box-shadow: 3px 3px 4px rgba(0,0,0,.5); /* w3c box shadow */

Il est livré avec le message suivant.

Ils ne sont pas connus des propriétés css.

  • Où est ce message? Quel navigateur utilisez-vous?
  • border-radius n'est pas connue css nom de la propriété, box-shadow n'est pas connue css nom de la propriété
  • Où est cette erreur indiquant? Dans votre éditeur? Si donc il peut probablement être ignorée, car elle peut ne pas être css3 compatible encore. Pensez également à utiliser le -moz et -webkit équivalents de trop pour couvrir les autres navigateurs.
InformationsquelleAutor Hari Gillala | 2011-05-05
  1. 0

    Je crois que c'est un Visual Studio de message d'erreur, non? Si si, il suffit de l'ignorer. Mais n'ajoutez navigateur versions spécifiques de ces règles css pour les anciens navigateurs. par exemple, -webkit-border-radius et -moz-border-radius etc.

    • Est-il quelque chose que l'on peut ajouter dans le fichier CSS de sorte que Visual Studio 2010 sait à suivre CSS3?
    InformationsquelleAutor musaul
  2. 1

    Vous obtenez ce message dans la mesure où ce sont des propriétés css3.
    Pour vérifier la validité d'utilisation:

    http://jigsaw.w3.org/css-validator/validator?uri=EXAMPLE.COM/STYLE.CSS&profile=css3

    remplacer EXAMPLE.COM/STYLE.CSS avec l'url de votre fichier css.

    InformationsquelleAutor seler
  3. 1

    Si vous avez des erreurs dans votre navigateur, vous devez utiliser le plus border-radius types parce que tous les navigateurs disposent de leurs propres.

    un exemple pour border-radius:

    -webkit-border-radius: 5px; /* Safari and webkit  */    
border-radius: 5px; /* Opera, Chrome */ 
-moz-border-radius: 5px; /* Mozilla (FF, Seamonkey) */

    un exemple de zone d'ombre:

    -webkit-box-shadow: 10px 10px 5px #888;
box-shadow: 10px 10px 5px #888;
-moz-box-shadow: 10px 10px 5px #888;
    • Doctype HTML5 n'a rien à voir avec les propriétés CSS3.
    InformationsquelleAutor Michael Koper
  4. 1

    De soutien pour ces propriétés CSS3 est en croissance, mais beaucoup de navigateurs ne l'avez pas encore.

    Le dernier Opéra a la capacité, Safari, Chrome et Firefox aussi, mais ils nécessitent des propriétés personnalisées.

    La meilleure approche est de dupliquer chaque propriété, une fois avec le préfixe -moz- et une fois avec le préfixe webkit-. Toujours écrire les normes conformes à la dernière règle. Comme ceci:

    -moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px; /*w3c border radius*/
-moz-box-shadow: 3px 3px 4px rgba(0,0,0,.5);
-webkit-box-shadow: 3px 3px 4px rgba(0,0,0,.5);
box-shadow: 3px 3px 4px rgba(0,0,0,.5); /* w3c box shadow */

    Vous pouvez vérifier que le navigateur prend en charge que sur Standardista.

    • Un bien meilleur lien pour trouver la compatibilité du navigateur: caniuse.com.
    InformationsquelleAutor Mushimo