0

次のスタイルのtest.cssファイルがあります。

....
#body
{
    font-family:Verdana, sans-serif;
    font-size:10pt;
    margin:0;
    padding:0;
}

div#inscreenalertcontainer
{
    margin:32px;
    padding:16px;
    width:100%;
}
....

IEの場合、属性width:100%;はで必要ですdiv#inscreenalertcontainer。他のブラウザの場合、この属性は必要ありません。

test.cssでいくつかの条件演算子を使用してこれを行う方法はありますか？約100個のcssファイルがあるので、1つのプロパティを変更するためだけに、IEに固有の別の100個のcssファイルを作成したくありません。

または、JSP自体を変更することは可能ですか。

これが私のJSPコードです：

<body>
    <div id="InScreenAlertContainer">
    <table  class="inScreenAlert">
    <tr valign="top">
 ....
 ....
</body>
4

4 に答える 4

1

条件付きコメントを使用する：

<!--[if IE]>
    <style>
    div#inscreenalertcontainer
    {
        margin:32px;
        padding:16px;
        width:100%;
        /*plus other IE specific rules*/
    }
    </style>
<![endif]-->

これは、Internet Explorerのすべてのバージョンにプログラムされており、これらのブラウザーに特定の指示を提供します。他のブラウザはそれを認識しません。これは、元のCSSにあるもの以外のことを行うようにIEに指示するための最良の方法です。

于 2013-01-03T12:18:08.923 に答える
0

IEをターゲットにする一般的な方法は、htmlマークアップを次のように変更することです。

<!--[if lt IE 7 ]> <html class="ie6"> <![endif]-->
<!--[if IE 7 ]>    <html class="ie7"> <![endif]-->
<!--[if IE 8 ]>    <html class="ie8"> <![endif]-->
<!--[if IE 9 ]>    <html class="ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html class=""> <!--<![endif]-->

そして、あなたのcssであなたはただ書くことができます：

.ie #inscreenalertcontainer {
   width: 100%;
}

この手法により、コードを読みやすく整理された状態に保つことができます。

于 2013-01-03T12:19:00.323 に答える
0

パラメータが他のブラウザを傷つけない場合は、そのままにしておくことができます。または、これを使用してIEのみに適用します：http： //css-tricks.com/how-to-create-an-ie-only-stylesheet/

IEをターゲットにして追加するスタイルシートハックまたは条件付きコメント（html）を選択できます

<style>div#inscreenalertcontainer {width:100%}</style>

あなたの頭のタグで

于 2013-01-03T12:19:02.480 に答える
0

これをWebページのヘッダーセクションに追加します。そしてここにもっと見るための非常に良いリンクがありますhttp://www.quirksmode.org/css/condcom.html

<!--[if IE]>
div#inscreenalertcontainer
{
    margin:32px;
    padding:16px;
    width:100%;
}
<![endif]-->
于 2013-01-03T12:21:51.543 に答える