1

編集中の Web サイトのホームページで、IE がすべての CSS を読み取れないという問題が発生しています。私はそれが検証されることを確認しました（それは真実ではありませんが、いくつかのタグが閉じられていないことをまだ示しています）。特にコンテンツ管理システム (Volusion) が私が書いたコードの多くを上書きするため、インライン スタイルを取り除くことはできません。ヘッダー領域が次のスタイルを持つように、CSS ページが読み込まれます。

#header{ z-index:1; 
         width:100%; 
         opacity:.85; 
         background:rgba(200,200,200,.85); 

         /*For IE*/ 
         background-color: rgb(200, 200, 200); 
         opacity(0.85); }

rgba(200,200,200,.85) は IE で動作するはずなので、もともと「背景色」なしで実行しましたが、この場合は動作しません。実際、'background-color' を追加するように変更する前でさえ、他のページはこの CSS から完全に描画されていました。ただし、ホームページには背景色が表示されますが、これから取得するのはそれだけです。Template.CSS ファイルを参照しているため、明らかにそれを読み取っていますが、不透明度は使用されておらず、ヘッダーは「固定」された画像の後に配置されているため、それらの画像の上にホバリングする必要があります。ヘッダー内の他の要素にも同じことが起こっています。私は btn-group:first-child を次のように持っています:

.btn-group a:first-child{ 
       border-radius: 4px 0 0 4px; 
       text-decoration:none; 
       font-weight:bold; }

ただし、これらのスタイルはいずれもホームページには適用されません。実際、.btn-group はスタイル リストにまったく表示されません。Web サイトの他のページに移動すると、どのように表示されるかがわかるからです (ほぼ完璧です) 。ただし、ホームページは機能しません。

問題のページは www.giftonline.us にあります。

4

1 に答える 1

1

doctype他のページと一致しない無効なページがあるため、IE は Quirks モードに強制されています。doctypeIE が標準モードで表示されるようにするには、valid を使用する必要があります。

現在、次のものがあります。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

doctypeホームページの を他のページと同じになるように変更してみてください。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

ページに正しい を指定するdoctypeと、CSS ルールは残りのページと同じように機能するはずです。

また、無効な html を使用して CSS にリンクしています:

<link href="v/vspfiles/templates/tempTemplate/css/Imports.css" rel="stylesheet" type="text/css"></link>

次のように変更する必要があります。

<link href="v/vspfiles/templates/tempTemplate/css/Imports.css" rel="stylesheet" type="text/css" />
于 2012-10-24T21:57:34.730 に答える