0

border-radius.htcを使用して、border-radius CSS プロパティをサポートしていない 9 より前のバージョンの Internet Explorer で丸みを帯びた角を表示します。リンクされたページや他の場所で指定されている構文に従って使用します。私が作成したこの簡単なデモ ページで正常に動作します: http://thomasash.philosofiles.com/uploads/examples/css/effects/rounded-corners/rounded-corners-ie-htc1.html

ただし、より複雑なページ ( http://www.givingwhatwecan.org/ )に同じ方法で追加すると、IE6 では機能しますが、IE8 では機能しなくなります。より具体的には、border-radius.htc が適用されている div の黄褐色の背景色さえ表示されないことで「中断」します。これは、丸いボックス セクションの HTML と CSS が、上記のリンク先のテスト ページのものと似ているにもかかわらずです。何が壊れているのか、それを修正する方法を理解するのを手伝ってくれる人はいますか?

4

1 に答える 1

0

CSS で .htc ファイルを呼び出している場合は、.htc ファイルを使用しているため、ページに対して相対的である必要があることに注意してください。例えば：

ウェブサイトのルート: index.html styles/style.css styles/border-radius.htc

CSS:

div {
border-radius: 10px 10px 10px 10px;
behavior: url("styles/border-radius.htc")
}

通常の CSS では背景画像などの URL を取得する場合でも、.htc ファイルの場合はドキュメントに対して相対的でなければなりません (上記を参照)。

また、Border Radius を介して CSS に Shorthand を使用する必要がある場合があることも覚えておいてください。

また、使用しているサーバーが .htc MIME-TYPE をサポートしていることを確認してください。

また、CSS3PIE をチェックすることをお勧めします。これには、はるかに優れたドキュメント/FAQ およびコミュニティがあり、役に立ちます。

http://css3pie.com/

ありがとうございます。

于 2012-04-19T13:46:24.620 に答える