Technology

IE7,8で背景を透過させる方法

By 9月 16th, 2013 No Comments

IE7,8で背景に透過pngを使っていて、その上にさらに透過pngの画像を置く場合、
背景の方の表示がおかしくなる(黒で汚く塗りつぶされたようになる)場合があります。
その場合は、CSSで以下のように指定します。
background:rgba(255,255,255,0.3);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=’#4cffffff’, endColorstr=’#4cffffff’);
ref:
rgba()とfilterで背景だけを透過させる。
10進数/16進数対応表
startColorstrとendColorstrの指定が難しいですが、
「xxrrggbb」(xxは16進数、rrggbbはrgbを2つずつ繋げたもの)となります。
上記「10進数/16進数対応表」を参考に、
以下のように計算します。
30%の場合:
255 ÷ 100 x 30 = 76.5
10進数で76か77なので、16進数だと4Cか4Dになります。
50%の場合:
255 ÷ 100 x 50 = 127.5
10進数で127か128なので、16進数だと7Fか80になります。

Kunitaka Kawashimo

Kunitaka Kawashimo

アートディレクター・デザイナー・フォトグラファー。株式会社クリーム代表取締役。グラフィックデザイン/Webデザイン/撮影の仕事のご相談・ご質問は、お気軽に以下までご連絡ください。info@creamu.co.jp