0 
<!--[if lte IE 8]>
.food_disp{
    background: url("../images/food.png") center bottom no-repeat;
    padding: 80px;

}
<![endif]-->
<!--[if !IE]>
.food_disp {
    background: url("../images/food.png") center bottom no-repeat;
    padding: 50px;
}

<![endif]-->

上記のcssを試して、上記のように設定されたパディングで背景として画像を表示しました。翻訳者/通訳者に、クライアント ブラウザのバージョンが 8 以下の場合は、表示用に画像ブロックにもう少しパディング距離を追加するか、これが IE ではない場合は、既に定義されているブロックを使用するよう伝えたいと思います。画像表示は、条件節が追加されていなくても問題ありません。

 .food_disp {
        background: url("../images/food.png") center bottom no-repeat;
        padding: 50px;
    }

使用されている。ただし、条件を追加すると、画像が消えます。

4

4 に答える 4

1

HTML5Boilerplateでこれを行うことをお勧めします

<!doctype html>
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!--[if IE 9]>    <html class="no-js ie9 oldie" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> 

<html class="no-js" lang="en"> <!--<![endif]-->

CSS：

.ie9 .food_disp{
  .......
}
.ie8 .food_disp{
  .......
}
于 2012-09-14T07:38:31.747 に答える
1

そのようには機能しません。次の 2 つのオプションがあります。

  1. HTML で条件付きコメントを使用して IE 固有のスタイルシートを含める
  2. CSS ハックを適用します (そうしないでください)。Ie8 CSS Hack - best method?も参照してください。
于 2012-09-14T05:02:20.980 に答える
0

インラインスタイルシートを使用する場合は、次のように使用します。

<!--[if lte IE 8]>
<style>
    .food_disp {
        background: url("images/food.png") center bottom no-repeat;
        padding: 50px;
    }
</style>
<![endif]-->

定義を囲む「style」タグに注意してください。

'..'の問題に関して、これらのドットは明らかにhtmlファイルの親ディレクトリを指しています。インラインcssを使用する場合は、htmlファイルへの正しい相対パスを設定することを忘れないでください。これは、別のスタイルシートファイルとして使用されている場合、cssファイルで使用されているパスとは異なる場合があります。

于 2012-09-14T07:33:43.413 に答える
0

...................................................

こんにちは、この形式に慣れています。画像のパスが問題です。 

  <!--[if lte IE 8]>
        .food_disp {
            background: url("images/food.png") center bottom no-repeat;
            padding: 50px;
        }
    <![endif]-->



    <!--[if !IE]>
    .food_disp {
        background: url("images/food.png") center bottom no-repeat;
        padding: 50px;
    }

    <![endif]-->

より詳しい情報

于 2012-09-14T04:42:25.163 に答える