css - CSS3PIE.htcが機能しない

Question

このサイトでPIE.htcを動作させることができないようです。

これが私のCSSです：

section#feature {
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    behavior: url(http://sykeshr.co.uk/temp/PIE.htc);
}

私が間違っていることについて何か考えはありますか？

あなたはここでサイトを見ることができます：http ：//www.sykeshr.co.uk/temp/

Answer 1

問題1：

「www」を含むサイトへのリンクを提供したため、コードでは「www」を使用して呼び出す必要があります。

behavior: url(http://www.sykeshr.co.uk/temp/PIE.htc)

ただし、ユーザーが「www」なしでサイトにアクセスすると、CSS3パイが再び機能しなくなるため、これはお勧めできません。

代わりに相対URLを使用する必要があります（cssファイルを呼び出しているhtmlファイルに相対します）：

behavior: url(../temp/PIE.htc)

または：

behavior: url(PIE.htc)

問題2：

CSS3 Pieでサポートされているのはの短縮バージョンのみborder-radiusです（border-top-left-radius、接頭辞border-radiusスタイルなどはありません）：CSS3Pieでサポートされる機能

Answer 2

PIE.htcが機能しないという私の問題の解決策を見つけました。

1. 彼らのウェブサイトからPIE.htcを入手してください
2. ルートフォルダである/webappフォルダのすぐ下にファイルを置きます。
3. 動作のように呼び出します：url（PIE.htc）

私はこれをIE8で機能させるために2週間を費やし、css3ボックスの角を丸くしました。css3pie.comは、ファイルを正確に配置する場所を教えてくれません。

私の場合、ファイルをcssフォルダーの下に置くことはできません。

***それが役立つ場合は、GWTを使用してアプリケーションを開発しています。

Answer 3

私はそれが私のサーバーでのみ機能することを発見しました

1. 私はPieを動作と呼びます：url（PIE.htc）;
2. PIE.htcが私のcssファイルと同じディレクトリにある場合。

お役に立てれば。

Answer 4

次のパスを使用してみてください

動作：url（// yoursite.com/path/to/PIE.htc）;