1. はじめに
この記事には、CSS デザインで問題が発生したときに使用できる 8 つの非常に役立つ解決策が含まれています。
2. ブラウザ固有のセレクター
これらのセレクターは、特定のブラウザー用に CSS を設計する必要がある場合に非常に役立ちます。
IE6以下のバージョン
* HTML {} |
IE7以下のバージョン
*:first-child+html {} * html {} |
*:first-child+html {} |
html>本文{} |
html>/**/body{} |
Opera9 以前のバージョン
html:最初の子 {} サファリ html[xmlns*=""] body:last-child {} |
これらのセレクターを使用するには、次のようにスタイルの前に配置します。
#コンテンツボックス { 幅: 300ピクセル; 高さ: 150ピクセル; } *html #コンテンツボックス { 幅: 250ピクセル; } /* IE 6 以下では上記のスタイルをオーバーライドし、幅を 250px に変更します */ |
3. IE6 に PNG 透明度をサポートさせる
IE6 のバグにより、透過 PNG 画像がサポートされず、大きな問題が発生しました。
CSSフィルターを使用する必要があります
*html #image-style { 背景画像: なし; フィルター:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="fil ename.png"、sizingMethod="スケール"); } |
4. ハイパーリンクの点線を削除します(FFのみ有効)
FireFox では、ハイパーリンクをクリックすると、周囲に点線の輪郭が表示されます。これはラベル スタイルに追加するだけで簡単に解決できます。
概要:なし。 あ{ 概要: なし。 } |