0

html条件ステートメントをIE固有のCSSスタイルシートに正しく取り込むのに問題があります。誰かが私のコードの上部を見て、構文が正しいかどうかを確認してください。

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
  <head>
    <title>Cherokee Cat Clinic</title>
  <link rel="stylesheet" type="text/css" href="styles/cherokee.css" />

    <!--[if IE]>
      <link rel="stylesheet" type="text/css" href="styles/ie/cherokee_ie.css" />
    <![endif]-->
    <!--[if IE 9]>
      <link rel="stylesheet" type="text/css" href="styles/ie/cherokee_ie.css" />
    <![endif]-->
    <!--[if IE 8]>
      <link rel="stylesheet" type="text/css" href="styles/ie/cherokee_ie.css" />
    <![endif]-->
    <!--[if IE 7]>
      <link rel="stylesheet" type="text/css" href="styles/ie/cherokee_ie.css" />
    <![endif]-->
    <!--[if lte IE 6]>
      <link rel="stylesheet" type="text/css" href="styles/ie/cherokee_ie.css" />
    <![endif]-->
    <style type="text/css">

また、IEのさまざまなバージョン用にサイトを再構築するプロセスに非常に慣れていません。クァークズモードの属性テーブルを見たことがありますが、どのバージョンのIEでどのCSSセレクターが/ wonky /であるかについての優れた概要はありますか？または、IE7および8用に設計するときに注意すべき点に関するStack Overflowの記事の優れたリファレンススレッドでさえありますか？

4

2 に答える 2

3

ifステートメントに関する限り、コードは見栄えがしますが、一番上にxml宣言があると、IEがquirksモードのままになるため、問題の一部が発生する可能性があり、そうでない場合は、将来的に追加される可能性があります。スクラッチして、それが役立つかどうかを確認することをお勧めします。

IEの各バージョンのビルドに関しては、しないでください。猶予の低下はゲームの名前です。私にとっては、次のように機能します。IE8と9は、機能的にはほぼ正常に表示され、デザイン的にはほぼ同じように表示されます（デザインとコードで取得する小さなトリックの数によって異なります）。IE7は動作するはずであり、完全な混乱のようには見えません。IE6はそれを吸うことができます。

クライアントがブラウザの完全な互換性を明確に要求している場合、それは明らかに別の問題です。

IEで注意し、簡単に回避できることについては、このような投稿をチェックして、これらの一般的な問題に注意を払うのに役立てることができます：http: //css-tricks.com/ie-css-bugs-thatll- get-you-every-time /

于 2012-04-22T00:34:21.270 に答える
0

あなたのコード：

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
....

問題は上記の行にあります。

DOCTYPE構文に問題はありませんが、IEの古いバージョンには問題があり、コードの最初のものでない場合はクァークズモードになります。（Doctypeの上にコメントがある場合でも、この不幸なバグを引き起こす可能性があります）

エンコード行はDoctypeの下にドロップまたは移動できます。<?xml>これにより、古いバージョンのIEでのレイアウトグレムリンの問題が解決されます。

<?xml>行を完全に削除することを選択した場合、デフォルトでUTF-8エンコーディングになります。これは一般的に、使用するのに適したエンコーディングタイプと見なされます。とにかくエンコーディングのスーパーセットとして機能するiso-8859-1ので、違いに気付かないはずです。

于 2012-04-22T19:41:23.177 に答える