10

CSS3Pie htc ファイルを使用してborder-radiusIE8 で有効にしていますが、効果がありません。私のCSSは次のとおりです。

button {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    behavior: url(PIE.htc);
}

相対 uri と絶対 uri を使用して、同じフォルダーで試して、(CSS3PIE デモ ページで行われているように) PIE.htc をパブリック ルートに配置しました。

デモは機能しています。私のコードではありません！

ありがとう、アダム

4

6 に答える 6

29

追加してみる

position:relative;
z-index: 0;

ここで提案されているようにhttp://css3pie.com/forum/viewtopic.php?f=3&t=10

この質問は、ここに投稿されたものと似ています。

CSS3 PIE - IE の境界半径サポートが機能していませんか?

于 2011-01-14T14:57:04.637 に答える
4

で参照されているPIE.htcのURLはbehavior: url(PIE.htc);相対URLであるため、スタイルシートと同じディレクトリで検索されている可能性があります。そのため、スラッシュを追加して絶対URLにすることをお勧めします。しかし、あなたはすでにそれをしていると言います。

指定しているURLが実際にPIE.htcファイルをロードしていることを確認します。つまり、そのURLをブラウザに直接入れて、何が出力されるかを確認します。Webサーバーが何らかの理由で正しくサービスを提供していない可能性があります（mimeタイプを認識していませんか？など）

PIEサイトで既知の問題を経験しましたか？position:relative;あなたのスタイルに追加しましたか？既知のz-index問題でしょうか？

IE8では機能しないことを指定します。IE7で試しましたか？IE6？同じ結果？（これにより、IE8固有の問題である可能性がなくなります）

ちなみに、無関係な点ですが、ブラウザ固有のプレフィックスが付いたバージョンの下border-radiusにスタイルを配置する必要があります。これは物事を行うための標準的な方法です。たとえば、Firefoxがサポートを開始すると、標準的なスタイルが採用されることを意味します。その下のバージョンをお持ちの場合、そのバージョンは引き続き使用されますが、これは希望どおりではない可能性があります。border-radius-moz-border-radius-moz

于 2010-12-01T16:27:24.150 に答える
3

Daniel Rehner が述べたように、IE8 では position: relative および z-index プロパティを使用する必要があります。サブディレクトリを持つ Web サイトを使用して CSS ファイルを呼び出す場合は、CSS で PIE.htc への絶対パスも使用する必要があります。これは、私たちの問題の一部でした。

問題の別の部分として、サーバーが PIE.htc ファイルを text/x-component として出力していない可能性があります。IIS または Apache を介して修正するか、CSS で PIE.php スクリプトを呼び出すことができます。詳細はこちら: http://css3pie.com/documentation/known-issues/#content-type

これらの問題は両方とも私たちを悩ませていました。

于 2011-08-03T14:59:46.117 に答える
1

誰かがこれを表のセルに適用しようとしている場合に備えposition: relativeて、要素に適用する必要があります (丸められる要素であっても、 orでtableはありません)。tdth

于 2012-07-16T07:53:44.130 に答える
1 
behavior: url(PIE.htc);

urlとの間にスペースがないことを確認してください。(これにより、IE8 でまったく機能しなくなります。

于 2011-04-15T16:14:36.740 に答える