ホームページ > 記事 > ウェブフロントエンド > CSS における voice-family: '\'}\'' の役割は何ですか?
CSS の voice-family: ""}"" の機能は何ですか?
#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; }
幅は770PX、枠線は1PXに設定されていますが、Window IE5.5以前のブラウザでページを閲覧する場合、メインレイヤーの幅は実際の幅(770px-1px-1px)よりも2px小さくなります。 , なので調整が必要です 修正、修正方法を紹介します。ここでは、スタイル シートの「カスケード」機能が使用されており、同じセレクターの同じ属性に対して、後で定義された値が以前に定義された値を上書きします。
そして、"voice-family:""}"" ;voice-family:inherit;" は CSS の voice 属性です。Window IE5.5 は CSS2 を完全にサポートしていないため、この属性を認識しません。次のセレクター。
IE5 は 2 つの段落 voice-family: ""}""; voice-family:inherit; を正しく読み取ることができないため、2 番目の width を読み取る前に #centercontent の読み取りを諦めます。これにより、同じクラス内で 2 つの幅の値を定義できます。 (実際、これは繰り返し定義の典型的な例ですが、他のブラウザでは問題は発生しません。)
voice-family を使用せずに問題を解決する別の方法: ""}"";:
幅: 770ピクセル
幅: 772ピクセル;以上がCSS における voice-family: '\'}\'' の役割は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。