opacityの書き方 クロスブラウザ
- 2014/10/30
- 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だと思います。
是非コピペに使ってくださいね！
- ◀PREV
前の記事
- Firefoxでなぜか消える、Tableのborder対策、cssのみでの解決法
- NEXT▶
次の記事
- サーバー移転の手順 その1：サーバーからサーバーへの移行（同サーバー(EXTREM)同士）
関連記事
-
-
日付を自動更新で表示させる！ 簡単コピペ！！
先週『日付を毎月変えるの邪魔くさいし、サイトに書いてる日付とってくれへんやろか？』という依頼がありました。 とって…
-
-
WordPressのメニューを、footer等用に作成して追加する方法
WorPressのデフォルトでは、gnavi（グローバルナビ）にメニューを追加し、表示させることはできますが、foote…
-
-
WordPress：プラグイン”RSSImport”を使って気になるサイト等の最新情報を表示させる方法
前回はRSSのボタンを自分のサイトに表示させる方法を書いたのですが、今回は自分のサイト以外（勿論自分のものもOK!）の気…
-
-
[http] から [https] へ。常時SSL化対応：ワードプレス、エックスサーバー環境にて
今更ですが、、、SSL化対応することにしました。 Googleが『SSL化されたWebサイトはランキング評…
-
-
サーバー移転の手順 その1：サーバーからサーバーへの移行（同サーバー(EXTREM)同士）
現在使用しているサーバーが、ここ数ヶ月、アクセスできない状態が頻発するようになりました。 その度にこちらからサーバーへ…
-
-
WordPressでGIFアニメが動かない時の対処法
今回アイキャッチ画像にGIFアニメを登録したのですが、登録時、また、メディアライブラリ内ではしっかりGIFアニメとして動…
-
-
Firefoxでなぜか消える、Tableのborder対策、cssのみでの解決法
Firefoxでなぜか消えてしまうTableのborder、いつもじゃなく、たまになのでこれがやっかい。。原因がわからな…
-
-
WordPress：特定カテゴリで投稿を古い順に表示させる方法
Wordpressの投稿の表示は、デフォルトでは新しいものから表示されますよね。でも特定カテゴリーでは反対（投稿した順番…
-
-
【2019最新】＜head＞タグの記述例＝順番等もきちんと考えた雛形（テンプレート）
一度サイトを作ってしまうと、あまり見直すことのないheadタグ内の記述。新たなLPを作ったりする時でも、以前作ったものの…
-
-
お名前.comで “Whois情報公開代行” の設定にチェックを入れ忘れて登録した時の対処方法
先日、こちら で少し書いたのですが、お名前.comでドメインを取った時に、 "Whois情報公開代行" の設定にチェック…
