HTML
CSS
select
IE8
Pie

CSS PIE を IE8 に適用させた時に、SELECT BOX が開かなくなる現象

More than 1 year has passed since last update.

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のサポートが終了したとはいえ、まだ対応しなくてはならない状況はあります。

もう少しの辛抱ですので、一緒にがんばりましょう。。