-3

！importantでIE条件（以下のコードなど）を使用する場合、ブラウザーに関係なく、IE条件内であっても、背景はデフォルトで！importantのbackground-colorになります。

ブラウザがIE9未満の背景色と、IE9およびその他のブラウザの画像（高さ/幅：100％、繰り返しなし）を受け入れるように、これをどのように書き直すことができますか？

注：これは、テーマがデフォルトで色または画像を自動的に設定するWordpressサイトで使用する予定なので、！importantを使用してデフォルトのテーマスタイルを上書きする必要があります。

body {
<!--[if lt IE 9]>
background-color:#c1beb2 !important;
background:#c1beb2 !important;
<![endif]-->
<!--[if gte IE 9]>
background-image: url("http://example.com/wp-content/example.png") !important;
background-position:left bottom;
background-size: 100% 100%;
background-repeat: no-repeat;
<![endif]-->
<![if !IE]>
background-image: url("http://example.com/wp-content/example.png") !important;
background-position:left bottom;
background-size: 100% 100%;
background-repeat: no-repeat;
<![endif]>
}
4

2 に答える 2

6

条件付きコメントは、CSSではなくHTMLで使用されることを意図しています。

つまり、HTMLで次のようなIE固有のスタイルシートにリンクします。

<!--[if lte IE 9]> 
<link rel="stylesheet" href="/ie.css" type="text/css" media="no title" charset="utf-8" />
<![endif]-->

それが適切な方法です。他のIE固有のスタイルシート全体を作成したくない場合は、CSSIEHacksを利用できます。

于 2012-09-28T15:14:32.487 に答える
0

ちょっと待ってください。私の知る限り、これらの（！）ブラウザスイッチはcssでは機能していません。したがって、次のようにhtmlでスイッチング部分を作成する必要があります。

<!--[if lt IE 9]>
  <link rel="stylesheet" type="text/css" href="IE9.css">
<![endif]-->
<!--[if gte IE 9]>
  <link rel="stylesheet" type="text/css" href="IEgte9.css">
<![endif]-->

しかし、これは一種の悪いスタイルです。通常、ブラウザに個別のスタイルを設定する必要はありません。まれに、あなたも必要になります。これに関する情報については、html5ボイラープレートを確認してください。

于 2012-09-28T15:18:14.527 に答える