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)同士）
関連記事
-
-
SNS等の公式ロゴ（アイコン）素材のまとめ（Facebook, Instagram, Youtube, Twitter, Line etc.）
一度サイトを作ってしまうとなかなか更新せず使い回してしまうのが、この『SNSのロゴ（アイコン）』だと思うのですが、サイト…
-
-
RSSフィードを設置してすぐにエラーが…
恥ずかしながら、RSSフィードを管理している全てのサイトに設置していませんでした。やろうやろう。とは思ってたのですが、ど…
-
-
お名前.comで “Whois情報公開代行” の設定にチェックを入れ忘れて登録した時の対処方法
先日、こちら で少し書いたのですが、お名前.comでドメインを取った時に、 "Whois情報公開代行" の設定にチェック…
-
-
WordPressのメニューを、footer等用に作成して追加する方法
WorPressのデフォルトでは、gnavi（グローバルナビ）にメニューを追加し、表示させることはできますが、foote…
-
-
お名前.com から脱出する！：ドメインの移管方法
『お名前.com』でドメイン取得してからは、『Whois情報公開代行』の件（詳細はこちら）で大変な思いをしたのですが、そ…
-
-
共通パーツ（header,footer等）をjQueryで読み込んで編集を楽にする方法 ＆ 文字化け対策
WordPress等のCMSではなく、htmlで構築され、headerやfooter等、同じパーツを使っているサイトを編…
-
-
WordPressで “SyntaxHighlighter” を使って、ソースコードをキレイに書く方法
よくwebデザイナーさんやクリエイターさん、プログラマーさんたちの書いてるwebサイトを見たら、ソースコードを、 …
-
-
WordPressのプラグインなしで、Jetpackと共存してFacebookやTwitter CardのOGPの設定をする！
先日、ようやく気になっていたOGPの設定を、WP-OGPのプラグインを変更して使えるようにしたのですが（詳細は こちら …
-
-
画像やテキストを中央（上下左右真ん中）に配置する方法
普通にtext-align:center;や、margin:0 auto;等でテキストや写真を真ん中に配置したつもりでも…
-
-
サーバー移転の手順 その3：移転後のトラブル
前回、前々回と書きましたが、サーバーの移転、少々、いや、かなりやいこしいです。できたあとは疲れ果てて『もーできたしえーわ…
