-1

クライアントがieを持っているときにcssルールを有効または無効にする方法を知っているのだろうか.

私はこのスタイルです

 #number_one{
    background-image: url("../img/pins/1.png");    
    top: 250px;
    left: 115px;    
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/pins/1.png',sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/pins/1.png',sizingMethod='scale')";

}

フィルターが背景画像の仕事をするので、IEを除くすべてのブラウザーで背景画像が機能するようにします。

誰でもこれを解決する方法を知っていますか? どうもありがとう。

4

3 に答える 3

6

これを IE 固有のスタイルの head に含め、ここに CSS を上書きします。

<!--[if IE]>
  <link rel="stylesheet" type="text/css" href="all-ie-only.css" />
<![endif]-->

IE の各バージョンを個別にターゲットにすることもできます。

<!--[if IE 6]>
  <link rel="stylesheet" href="http://mysite.com/path/to/ie6-only.css" type="text/css" media="screen, projection">
<![endif]-->
于 2013-10-15T14:05:21.103 に答える
3

<html>簡単な方法 (複数の個別のスタイルシートを必要とせずに [ちなみにこれも機能します]) は、タグを次のように置き換えることです。

<!--[if IE]>
 <html class="ie">
<![endif]-->

<!--[if !IE]>
 <html class="normal">
<![endif]-->

CSS では、これを使用して IE のみをターゲットにします。

html.ie #number_one{
  background-image:none;
}

または、これを使用して、IE 以外のすべてのブラウザーをターゲットにします。

 html.normal #number_one{
    background-image: url("../img/pins/1.png");    
    top: 250px;
    left: 115px;    
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/pins/1.png',sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/pins/1.png',sizingMethod='scale')";

}
于 2013-10-15T14:05:51.347 に答える
1

IE 専用のスタイルシートを作成し、私が見つけたこの方法を使用してそれに応じてクラスを変更できるはずです。

条件付きコメントを使用して IE をターゲットにするには、次の行を HTML ファイルの >head< タグに追加します。

1   <!--[if IE 6]><link rel="stylesheet" href="http://mysite.com/path/to/ie6.css"      type="text/css" media="screen, projection"><![endif]-->
2    
3   <!--[if IE 7]><link rel="stylesheet" href="http://mysite.com/path/to/ie7.css" type="text/css" media="screen, projection"><![endif]-->

これらの条件付きコメントは、他のすべてのブラウザでは無視されるため、IE 6 と IE 7 のみがこれらのスタイルシートをロードします。あとは、サーバー上にファイルを作成し、IE のヘッダーをいじっている CSS ルールをオーバーライドするだけです。

于 2013-10-15T14:10:25.273 に答える