hirokonaBlog

ググる→忘れそう→即時メモ 京都のWebデザイナーの備忘録

Opacity of background, but not the text

http://stackoverflow.com/questions/637921/opacity-of-background-but-not-the-text

CSS background transparency without affecting child elements, through RGBa and filters

[css]
.alpha60 {
/* Fallback for web browsers that don’t support RGBa */
background-color: rgb(0, 0, 0);
/* RGBa with 0.6 opacity */
background-color: rgba(0, 0, 0, 0.6);
/* For IE 5.5 – 7*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
/* For IE 8*/
-ms-filter: “progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)”;
}
[/css]

StartColorStr
     設定値は#00000000~#ffffffff
     設定値は8桁表示で#aarrggbb
     aa=alpha 00:透明~ff:不透明
     不透明なら6桁指定も可


投稿日

カテゴリー:

,

投稿者:

タグ:

コメント

コメントを残す

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

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