IE 6 PNGピクチャの透明度の問題の方法

4145 ワード

html css IE url div スタイル

CSS修復方法
ステップ1:HTML
まずHTMLファイルを作成し、「vehicles」というクラス名の空divを追加できます.
ステップ2:スタイルシートの下にstyleという名前を作成します.cssのスタイルシートに、次のコードを追加します.

body {
background: url(body-bg.jpg); /*         */
}
.vehicles {
width: 500px;
height: 176px;
background: url(vehicles.png) no-repeat; /*  vehicles       */
}

ステップ3:IEスタイルシート
次に、IE.cssという名前の別のスタイルシートを作成します.今、私たちはIEがPNGファイルが嫌いであることを知っています.では、私たちはここで魔法をかけます.

/*  :  vehicles      ”html”,         background            . */
html .vehicles {
background: none; /*                     */
width: 500px; /*        */
height: 176px; /*        */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src=’vehicles.png’);
}

ステップ4:IE条件コメント
これが最後の一歩です.次に、ステップ1のhtmlファイルに戻り、前に作成したすべてのスタイルシートを読み込みます.
ファイルの上部に次のコードを追加します.

<link rel=”stylesheet” href=”styles.css” type=”text/css” />
<!–[if IE 6]>
    <link rel=”stylesheet” href=”IE.css” type=”text/css” />
<![endif]–>

*注:2行目でIE条件コメントを使用しました.これは、2つのスタイルを同じスタイルシートに配置せず、IE 6専用のスタイルシートを独自に定義しなかった理由です.これにより、今後の管理に有利になります.

CSSで層の垂直中央を実現する

MVC 3 IIS 7配備