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



関連記事

resolution-list_00

【2021最新】スマホ・タブレットの解像度一覧表(画面サイズの割合)iPhone・iPad..


最近はレスポンス対応が当たり前になってきて、メディアクエリの記述をしない方が少なくなってきましたが、そのページごとにブレ…

記事を読む▷


WP-OGPの設定方法:WPの投稿記事のサムネイルをFBできちんと表示させる


この記事は前回からの続きなのですが、、、実は1年経ってます。。下書きを途中まで書いてたのですが、あまりにも大変で途中で終…

記事を読む▷


SNS等の公式ロゴ(アイコン)素材のまとめ(Facebook, Instagram, Youtube, Twitter, Line etc.)


一度サイトを作ってしまうとなかなか更新せず使い回してしまうのが、この『SNSのロゴ(アイコン)』だと思うのですが、サイト…

記事を読む▷


XSERVER『サーバーパネル』の画面

共有用FTPアカウントの作り方:XSERVERにて


今までサーバーは管理する側、作業も依頼されてする側だったので、これといって気にしたことはなかったのですが、いざこちらから…

記事を読む▷


サーバー移転の手順 その2:データベースの移行(phpMyAdminを使って)


前回サーバ移転の手順 その1:サーバーからサーバーへの移行(同サーバー(EXTREM)同士)からの続きです! って…

記事を読む▷


Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

Google AdS

  • Apple 製品情報




PAGE TOP