CSS3でIEにも角丸を適用させるhtcファイル – creamu

CSS3で最も簡単にクロスブラウザの角丸を実装したい。 そんなときにおすすめなのが、『curved-corner』。CSS3でIEにも角丸を適用させるhtcファイルです。 Google Codeで、CSS3でIEにも角丸を実装させるファイルが配布されていますね。 クロスブラウザの角丸を実装するには、「border-radius.htc」ファイルをダウンロード、配置して、CSSに以下のように記述すればOKです。 CSS3 -moz-border-radius: 32px;//for Firefox -webkit-border-radius: 32px;//for Safari and chrome border-radius: 32px;//CSS3 behavior: url(border-radius.htc);//for IE すごく簡単な方法なので、CSS3での角丸はこれで決まりな

[nagasama]

htc ファイル

[lotus_tribal]

えーできない。何でだろ・・

[lordkf]

うん。これは役に立ちそう。IE6〜8で表示を確認した。

[ysk_lucky-star]

ビヘイビアの方法

[thesecret3]

意外とダメ。。divの高さを勝手に変えてしまって、崩れてしまったりする。相対パスの場合CSSではなくhtmlと同じ階層にhtcファイルがないといけない。ブログぐらいなら使えるか？

[sutara_lumpur]

角丸をすべてのブラウザに。

[yuenana]

こんなんあったのかー！！！

[version510]

IEでも角丸を実現するhtcファイル

[yosshi]

border-radius

[cyokodog]

vml使ってるっぽい

[akn_ep]

使ってみたら案外使い物にならない…

[moonlightpeople]

CSS3でIEにも角丸を適用させるhtcファイル | CREAMU

[tominaga]

動作はいかほどなのだろう。試して見る価値ありか

[sw_lucchini]

入れ子になってるのは適応されないみたいね。。。

[hisasann]

ビヘイビアや！なつかしい