スタイルシートマニア
IE10だけに効かせたい！ | ホームページカスタマイズ Tips
はい！またまたやってきました！
僕の大っきらいなIE！
普段あまり使わないでいたらいつの間にかOSのマイナーバージョンアップと一緒にIEがバージョン10に上がっていました。
まあ、そのあたりはほっといてもいいんです。
ついでにVideoタグも使えるようになっていたのでやっと普通のブラウザに追いついてきたかな？っと思いきや！
やっぱりでました！自分勝手なIEの挙動！
バージョンアップするたびに、挙動を変える方がめんどくさいと思うんですけどね。
そんなこんなで、IE10対策です。
今回からなんと！
<!--[if IE ]> ＩＥだけのスタイル <![endif]-->
っというのが使えなくなっているのです！
もぉー、あほというかなんというか。
まあ、嘆いていてもしょうがないので先へ進みましょう。
色々調べてみましたが、ちゃんと効いたのがこれ！
まず、javascriptを追加。
var doc = document.documentElement;
doc.setAttribute('data-useragent', navigator.userAgent);
これを入れると、IE10だけに
<html data-useragent="Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; Trident/6.0)">
というのが追加されます。
後はcssで
html[data-useragent*='MSIE 10.0'] #promotion {
backgroudn: none;
}
ってしてしまえば解決！
Author:庄野英朗
Comments:0
庄野英朗
Source Marine 代表
デザイン・コーディング・PHPアプリケーションまでこなす。
マルチデザインプログラマ。