このサイトがIE10に対応していないようだった。

border-image

このサイトは、border-imageを使用している。Internet Explorerでは対応していない。

Internet Explorer 9までは？

PIE使ってた。IE 6～9までで使えてた。結構便利。

Internet Explorer 10が出てきて困った

PIEが対応していない…？border-imageが効かなくなっていた。IE10になって、結構変更されている。標準モードとQuirksモードでこのサイトが対応していないと困る機能が対応していないようだ。

• 条件付きコメント
• エレメントビヘイビア

試しにF12 開発者ツールを使って、ブラウザーモードをIE9にしてみると、IE10でも表示することができた。ソレだったら、こうするほかないだろうということで、こうした。

<meta http-equiv="X-UA-Compatible" content="IE=9">

IE9の動作をさせるようにすると、PIEが動作したので、border-imageを使うことができるようになった。これで完了。

参考サイト

• http://hebikuzure.wordpress.com/2012/03/24/internet-explorer-10-%e3%81%ae-quirks-%e3%83%a2%e3%83%bc%e3%83%89%e3%81%af%e4%bb%8a%e3%81%be%e3%81%a7%e3%81%ae-quirks-%e3%83%a2%e3%83%bc%e3%83%89%e3%81%a7%e3%81%af%e3%81%aa%e3%81%84/
• http://msdn.microsoft.com/ja-jp/library/hh801216.aspx
• http://msdn.microsoft.com/ja-jp/library/cc817574.aspx

PIE.htcを調べる

ここは必要ない作業だけど、やったので一応メモる。

PIE.htcのソースを調べて、IE10でも動かせるかどうか調べた。とはいえ、結局エレメントビヘイビアが使えないのだから、動作も何もしなかったので、何の役にも立たないのだけど。

PIE.htcをビルドする

documentation/build.htmlにしたがって、変更したらビルドする。antというものが必要らしい。Debianならば、aptitudeで取得できた。

$ sudo aptitude install ant

antを取得したら、一番上のディレクトリでantとコマンドを打つ。

$ ant

これでPIE.htcがbuildディレクトリに出来上がる。終了。

2012/11/17 4:45