search :

archive :



« MacBook Pro用の冷却パッド | トップ | WordPressのカスタムフィールドの値を配列で取得する方法 »

IE 透過 透過png 背景

_CSS | September 16, 2013, 5:47
はてなブックマーク

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になります。

プロフィール

プロフィール

WEB制作・ブランディングを主軸とした、株式会社クリーム代表取締役。

案件につきましては、「お問い合わせページ」からお気軽にご相談ください。

Recommend

  • Josef Muller-Brockmann: Pioneer of Swiss Graphic Design
  • Who Owns The Water?
  • Helvetica: Homage to a Typeface
  • Corporate Diversity: Swiss Graphic Design and Advertising by Geigy, 1940-1970
  • Typography (Graphic Design in Context)
  • +81 voyage or Tokyo Graphic passport World Tour---At Center Pompidou in Paris and 3331 Tokyo
  • WONDERWALL ARCHIVES 01

archive :