Quel est le rôle de voice-family : ""}"" en CSS ?
#centercontent { background-color: #006600; background-image: url(../img/home_main_bg.gif); background-repeat: repeat-x; height: 502px; width: 772px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; border: 1px solid #006600; voice-family: "\"}\""; voice-family: inherit; height: 500px; width: 770px; }
Ici, la largeur est définie sur 770PX et la bordure est de 1PX. Cependant, lors de la navigation sur la page dans les navigateurs antérieurs à Windows IE5.5, la largeur du calque principal sera inférieure de 2 pixels à la largeur réelle. (770px-1px- 1px), il faut donc le corriger. Voici une méthode de correction. La fonctionnalité "cascading" de la feuille de style est utilisée ici. Pour le même attribut du même sélecteur, la valeur définie ultérieurement écrasera la valeur définie précédemment.
Et "voice-family:""}"" ;voice-family:inherit;" est l'attribut vocal de CSS Puisque Windows IE5.5 ne prend pas entièrement en charge CSS2 et ne reconnaît pas cet attribut, sautez. à l'étape suivante.
IE5 ne peut pas lire correctement les deux paragraphes voice-family: ""}""; voice-family:inherit;, il abandonne donc la lecture de #centercontent avant de lire la deuxième largeur.
De cette façon, deux valeurs de Largeur peuvent être définies dans la même Classe. (En fait, c'est un exemple typique de définition répétée, mais cela ne posera pas de problèmes dans d'autres navigateurs.)
Un autre sans famille vocale : " "}""; méthode pour résoudre :
largeur : 770px
largeur : 772px;
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!