Little.ws » IE嫌い http://little.ws web制作とかcssとかデザインとか色々～な覚え書き Sat, 04 Feb 2012 07:27:16 +0000 ja hourly 1 http://wordpress.org/?v=3.3.1 IEなんて大嫌い：Opacityを使う！ http://little.ws/200901/172.html http://little.ws/200901/172.html#comments Fri, 30 Jan 2009 01:31:14 +0000 chibi http://little.ws/?p=172 立て続けにIE6の嫌いなとこ。
Opacityでかっこよく見せたいのに見せられない。

ということで、FirefoxとかIEとかOperaとか大体のブラウザに対応させるためには・・・
css内に３行も書かないといけない！

css３からはopacityで全部対応出来るようになっているみたいですが。。
IE6のユーザーが未だに8割！？なのという感じなので、
半透明表示させるときは！

/*--不透明度50%の時の指定--*/
filter: alpha(opacity=50);
-moz-opacity:0.50;
opacity:0.50;

50もしくは0.50の数値を変えることで不透明度の調整が出来ます。
不透明度なので、もちろん0指定で完全に見えなくなります。

↓例(不透明度50%指定)
pa230908
ソース

<img style="filter: alpha(opacity=50); -moz-opacity:0.50; opacity:0.50;" src="image/画像File.jpg" alt="テスト画像" />
]]> http://little.ws/200901/172.html/feed 0 IEなんて大機嫌い：a要素以外のhover擬似クラス適用 http://little.ws/200901/170.html http://little.ws/200901/170.html#comments Fri, 30 Jan 2009 01:18:09 +0000 chibi http://little.ws/?p=170 IEなんて無くなればイイと思うこと。

a以外にhover使っても適用されません。（IE7じゃ適用されるらしいけど）

そこで見つけたこんな記事
jmblog.jp – IEでa要素以外に:hover擬似クラスを適用させる
Whatever:hover
ここにあるスクリプトを使用すれば、imgタグにもdivタグにもhoverをつけれます！

使い方は、csshover.htcをダウンロードしてcssファイル内に

body { behavior:url("csshover.htc"); }

を書き足してやるだけ。

csshover.htcを置く場所にもよるので、絶対パスで書いてあげた方がよいです。。
使ってみたけど、divタグで挙動が少し・・。

]]> http://little.ws/200901/170.html/feed 0