IEなんて大嫌い：Opacityを使う！

立て続けにIE6の嫌いなとこ。
Opacityでかっこよく見せたいのに見せられない。
ということで、FirefoxとかIEとかOperaとか大体のブラウザに対応させるためには・・・
css内に３行も書かないといけない！

css３からはopacityで全部対応出来るようになっているみたいですが。。
IE6のユーザーが未だに8割！？なのという感じなので、
半透明表示させるときは！
[sourcecode language=”css”]
/*–不透明度50%の時の指定–*/
filter: alpha(opacity=50);
-moz-opacity:0.50;
opacity:0.50;
[/sourcecode]
50もしくは0.50の数値を変えることで不透明度の調整が出来ます。
不透明度なので、もちろん0指定で完全に見えなくなります。
↓例(不透明度50%指定)

ソース
[sourcecode language=”html”]
<img style="filter: alpha(opacity=50); -moz-opacity:0.50; opacity:0.50;" src="image/画像File.jpg" alt="テスト画像" />
[/sourcecode]

• 書いた人
• Latest Posts

About Little

WordPressをいじくり倒して早10年。一人ぼっちでひたすらソースとにらめっこ厨。 有り難いことに、Welcart/WP e-commerce/WooCommerce/EC-Cube等で多数ECサイトを制作させていただいたけど、ふと気付いた、ちゃんと売れるのか。 効果的に売れるようにするためにはどうしたらいいのか。ということでお勉強を兼ねてECサイトも運営中。

• Facebook GraphAPI v2.9でいいね・シェア数をPHPで取得して表示 - 2017年9月7日
• phpstormのFilewatcherでautoprefixerを使う方法 - 2017年1月19日
• Custom Field Templateを使用してのプレビューを実装 - 2016年1月14日
• WordPress：WooCommerceを使ってみて分かったこと - 2013年7月5日
• 誰得なプラグイン Ultimate Google Analytics改をひっそりと公開します - 2013年6月4日
• プラグイン『WooCommerce Fields for Japan』を公開しました - 2013年4月21日
• 公式 WordPress.orgプラグインディレクトリでのプラグイン公開のススメ - 2013年4月17日
• WordPress:WooCommerceを日本仕様へと日本語化 - 2013年4月15日
• webクリエイター パソコンを買う。 - 2013年3月16日
• WordPress:『続きを読む』read moreをpタグで囲む - 2013年3月5日