opacityの書き方 クロスブラウザ
- 2014/06/20
- HowTo
今までも書いてましたが、ほんとIE嫌い。
そして、これからもまた同じ事書くでしょう。
さて。クロスブラウザでIE対策といいますか、特にIE7,8のためには(IE6はスルーしてます)色々と試行錯誤しないとダメですよね。
その中でもよく使うのがopacity。
なのでcssでのopacityのコピペ用メモです。(透過度70%にしたい場合)
{ opacity: .7; /* FireFox, Webkit, Opera */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=70)";/* IE8 */ filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); /* IE6,7 */ }
ちなみにopacityの値は小数点での指定ですが、IEのfilterでは % 指定です。
これで今までのところ、クロスブラウザチェックしてダメだった事はないので、OKだと思います。
是非コピペに使ってくださいね!
Google AdS
関連記事
-
『reCAPTCHA v3』を問い合わせページのみ&左側に表示させる方法:その1
最近お問い合わせページにちょくちょく迷惑メールがくるようになりました。『Akismet Anti-Spam』も有効にした…
-
検索結果に最終更新日を表示させてクリック率をアップする方法!新規投稿時には公開日を表示させる!
以前は検索結果で1ページ目上位3番目以内に半年以上表示されていた記事が、いきなり圏外となってしまいました。Googleの…
-
301リダイレクトでサイトのリニューアル(ドメインを変更)する!:.htaccessの記述、設定方法、順序etc.
最近サーバーの見直し、ドメイン管理会社の見直し、サイト内の見直し等々しているのですが、以前から使用していたサーバー(エク…
-
[http] から [https] へ。常時SSL化対応:ワードプレス、エックスサーバー環境にて
今更ですが、、、SSL化対応することにしました。 Googleが『SSL化されたWebサイトはランキング評…
-
WordPress:特定カテゴリで投稿を古い順に表示させる方法
Wordpressの投稿の表示は、デフォルトでは新しいものから表示されますよね。でも特定カテゴリーでは反対(投稿した順番…