0

IE9 でグラデーションを読み込めません。フィルターを非アクティブ化するための IE 条件付きコメントを含むcolorzillaを使用して生成した ため、代わりに IE9 の svg コンポーネントが使用されます。IE9 でページを開くと、「ブロックされたコンテンツを許可する」ボタンを押すまで正しくレンダリングされます。

meta タグと html タグをいじり、スクリプトを削除して、それらのいずれかが干渉しているかどうかを確認してみました。サイコロはありません。

私のヘッドセクションのコードは次のとおりです。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="EN" dir="ltr" xmlns="http://www.w3.org/1999/xhtml">

<head>
<title>Tahoe Motion Picture Rentals</title>
<!--<meta http-equiv="content-type" content="text/xml; charset=utf-8" />-->
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> 

<!--[if gte IE 9]>
<style type="text/css">
.gradient {
filter: none;
}
</style>
<![endif]-->

<link rel = "stylesheet" type = "text/css"href = "picturePage - Hor. Menu.css" />
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/buttonClick.js"></script>
<script type="text/javascript" src="js/jquery.color.js"></script>

</head>

事前に助けてくれてありがとう。それは私を夢中にさせてきました。

4

1 に答える 1

1

colorzilla は "filter" だけでコードを出力しますが、明らかに "-ms-" プレフィックスが必要です。興味深いことに、別の要素で filter/svg を使用したところ、「-ms-」プレフィックスなしで機能しました。複数のカラーストップがあるかどうかに関係しているのではないかと思います。また、どこかで読んだと思いますが、プレフィックスがないと IE8 ではフィルターがまったく機能しません。

于 2012-07-04T19:53:57.257 に答える