0

CSS3Pie (v1.0) と IE9 で動作する線形グラデーションを取得しようとしています。

奇妙なことに、デモは IE9 のCSS3Pie サイトで動作しますが、デモで使用されているものと同じ CSS を使用しても、私のサイトでは動作しません。IE8 で動作するので、PIE が動作しており、正しい場所にあることがわかります (テストのために、コメントアウトすると動作しなくなりますbehavior: url(/css/PIE.htc);)。

私が使用しているCSSは次のとおりです。

.test {
padding: 20px;
text-align: center;
width: 200px;
height:100px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: #666 0px 2px 3px;
-moz-box-shadow: #666 0px 2px 3px;
box-shadow: #666 0px 2px 3px;
background: #FF7777;
position:relative;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FF7777), to(#c40808));
background: -webkit-linear-gradient(#FF7777, #c40808);
background: -moz-linear-gradient(#FF7777, #c40808);
background: -ms-linear-gradient(#FF7777, #c40808);
background: -o-linear-gradient(#FF7777, #c40808);
background: linear-gradient(#FF7777, #c40808);
-pie-background: linear-gradient(#FF7777, #c40808);
behavior: url(/css/PIE.htc);
}

ここに画像の説明を入力

デモはIEフィルターなしで動作するように見えるため、IEフィルターを使用しないことをお勧めします。

私はすでにこの質問を読みましたが、デモが機能し、この質問は約 1 年前のものであり、PIE は現在バージョン 1.0 になっているため、何か間違ったことをしているに違いありません。

ここからどこへ行くべきか考えていますか？

4

2 に答える 2

2

IE9 での失敗は通常、不適切な content-type ヘッダーが原因です。他の IE バージョンにもこの問題はありますが、IE9 はより厳密なようです。詳細については、 http://css3pie.com/documentation/known-issues/#content-typeを参照してください。

于 2012-05-30T15:39:37.740 に答える