IE8でもCSS3を使うことができる便利なライブラリ「CSS3 PIE」、
自分がめんどくさがったがためにハマった問題を共有します。
いちいち該当の要素に適用させるのが面倒だったので、
以下のコードで全要素に適用させました。
$(*).each(function(){
PIE.attach(this);
});
すると、なぜか selectタグで作ったプルダウンメニューが開かない。
いろいろと調べた結果、 selectタグの中のoptionタグにpieを適用すると、
メニューが開かなくなる(または、一瞬開くだけ)模様。
なので、またまた横着ですが、以下の様にして一旦回避しました。
$("*").addClass("css_pie");
$("option").removeClass("css_pie");
$(".css_pie").each(function(){
PIE.attach(this);
});
この状態でも危険なので、他の方法でpieの適用を試みたいの考えています。
IE8のサポートが終了したとはいえ、まだ対応しなくてはならない状況はあります。
もう少しの辛抱ですので、一緒にがんばりましょう。。