opacityの書き方 クロスブラウザ
- 2014/06/20
- 2014/10/30
- 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だと思います。
是非コピペに使ってくださいね！
- ◀PREV
前の記事
- Firefoxでなぜか消える、Tableのborder対策、cssのみでの解決法
- NEXT▶
次の記事
- サーバー移転の手順 その1：サーバーからサーバーへの移行（同サーバー(EXTREM)同士）
関連記事
-
-
お名前.com から脱出する！：ドメインの移管方法
『お名前.com』でドメイン取得してからは、『Whois情報公開代行』の件（詳細はこちら）で大変な思いをしたのですが、そ…
-
-
WordPressで “SyntaxHighlighter” を使って、ソースコードをキレイに書く方法
よくwebデザイナーさんやクリエイターさん、プログラマーさんたちの書いてるwebサイトを見たら、ソースコードを、 …
-
-
Firefoxでなぜか消える、Tableのborder対策、cssのみでの解決法
Firefoxでなぜか消えてしまうTableのborder、いつもじゃなく、たまになのでこれがやっかい。。原因がわからな…
-
-
お名前.comで “Whois情報公開代行” の設定にチェックを入れ忘れて登録した時の対処方法
先日、こちら で少し書いたのですが、お名前.comでドメインを取った時に、 "Whois情報公開代行" の設定にチェック…
-
-
サーバー移転の手順 その3：移転後のトラブル
前回、前々回と書きましたが、サーバーの移転、少々、いや、かなりやいこしいです。できたあとは疲れ果てて『もーできたしえーわ…
-
-
URLの正規化：wwwあり、なしのドメインを統一する記述方法（エックスサーバー(XSERVER) にて）
前回のブログ で.htaccessに301リダイレクトをするための記述方法について書きましたが、ついでにwwwあり、なし…
-
-
WP Social Bookmarking Lightを好きな場所に設置、移動する方法
WP Social Bookmarking Lightを好きな場所に設置、移動する方法です。 以前、自分で管理している…
-
-
ドメイン＆WordPressを含むサイトの引越しでの、URL変更作業：『DATABASE SEARCH AND REPLACE SCRIPT IN PHP』を使って
最近サーバー移転をして、その時々に起こった問題や注意点を記事にしてましたが（301リダイレクトの記述方法、URLの正規化…
-
-
日付を自動更新で表示させる！ 簡単コピペ！！
先週『日付を毎月変えるの邪魔くさいし、サイトに書いてる日付とってくれへんやろか？』という依頼がありました。 とって…
-
-
onMouseOver、onMouseOutで、簡単に画像を切り替える
今までマウスオーバー等で画像を切り替える時は、jQueryを使ったり、cssで画像を重ねてopacityで画像を透過させ…
