2

Google ChromeとFirefoxを使用して、Webサイトの見栄えを良くするためにかなりの時間を費やしましたが、よくあることですが、Internet Explorerで見ると、最初よりも見栄えが悪くなっています。IEのみのcssファイルを作成する方法があると思いますが、その方法を思い出せません。私を正しい方向に向けてくれませんか。

また、持っている方法があるかどうか知りたいです

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

IEのために働きます。私はこの数年前に調べましたが、そのときの唯一の選択肢は、画像に半径を作成させることだったと思います。うまくいけば、うまくいく新しいものがあります（シンプルであるほど良いです）。境界線の半径は、cssを変更したことでレンダリングが異なる多くの要素の1つにすぎません。

ありがとう

4

4 に答える 4

4

最初の質問への回答： IEにのみスタイルシートファイルを含めるには<link>、条件付きコメントでingをラップします。これを行う方法の例を次に示します。

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

2番目の質問への回答古いバージョンのIEはサポートしていませんborder-radius。ただし、IE9はそれをサポートしています。画像またはjQueryコーナーのようなサードパーティのプラグインを使用する以外に回避策はありません。

于 2012-08-18T15:27:32.810 に答える
1

Internet Explorer 9以降のバージョンは、border-radiusをサポートしています。下位バージョンはこれをサポートしていません。あなたはできる

于 2012-08-18T15:25:17.140 に答える
1

あなたは条件付きスタイルシートとCSSハックを探しています。私が一番下から掘り下げなければならなかったもの：IExplorer用のPIECSS3デコレーション。

于 2012-08-18T15:25:37.077 に答える
1

IE固有のCSS：

  1. Modernizrを使用して、ユーザーのブラウザーで使用可能な機能を判別します。これにより、タグにクラスが追加さ<body>れ、スタイルシートで参照して、特定の機能が存在する場合と存在しない場合に特定のスタイルをアクティブ化できます。

  2. 条件付きコメントを使用して、IE固有のスタイルシートを含めます。

  3. ここで説明されているようなIECSハックを使用します：http：//net.tutsplus.com/tutorials/html-css-techniques/quick-tip-how-to-target-ie6-ie7-and-ie8-uniquely-あり-4文字/

境界線の半径：

これはIE9でサポートされているため、IE8以前（または互換モード）を使用している必要があります。

  1. 古いIEを使用する場合は無視してください。サイトのユーザビリティに実際に影響を与えない機能のためにそれらをサポートするために努力する価値はありません。

  2. CSS3Pieを使用して、border-radius機能をIEにハックインします。これはハックですが、非常にうまく機能します（ここで推奨されている他のいくつかよりも優れています）。

于 2012-08-18T16:44:32.760 に答える