CSSで半透明、opacityとrgbaの違い - ぼくはまちちゃん！

こんにちはこんにちは！！ 今日はちょっとCSSのメモです！ 半透明について！ opacityを使った透過 #testOpacity { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* IE */ filter: alpha(opacity=40); /* IE */ -moz-opacity:0.4; /* Firefox(old) */ -khtml-opacity: 0.4; /* Safari(old) */ opacity: 0.4; } Opacity test! opacityは子要素まで全て透過する。 RGBaを使った透過 #testRgba { background: rgba(0, 0, 0, 0.4); /* RGBを10進数(0〜255)で指定、不透明度を0〜1.0で指定 */

[Hamachiya2]

CSSで半透明、opacityとrgbaの違い

[blog0009]

CSSで半透明、opacityとrgbaの違い - ぼくはまちちゃん！(Hatena)

[sakimoridotnet]

”background-color:rgbaは、要素の背景色のみ透過する。”

[easy-breezy]

background-color:rgbaは、要素の背景色のみ透過する

[sase]

background-color:rgbaは、要素の背景色のみ透過する

[naohor]

opacityとrgbaの違い

[mck_nkz]

なるほど！

[hagetako]

知らなかった

[nkoichiro]

CSSで半透明、opacityとrgbaの違い - ぼくはまちちゃん！(Hatena) こんにちはこんにちは！！ 今日はちょっとCSSのメモです！ 半透明について！ #testOpacity { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* IE */ filter: alpha(o

[Kmusiclife]

そうなんですよね。最近知りました。

[trashtoy]

RGBaは主にWEBデザイン(半透明を有効利用したスタイリッシュな背景を作りたい時)、opacityはjQueryと連動してUI周りやアニメーション関係、という感じで使い分けるイメージだなー

[kaonaga]

やっぱ不便を感じたりこうできたらいいなと、思うたいがいのものには解決策あるもんだな。

[y-kawaz]

"でもぼく最近まで、この rgba って指定方法を知らなくて、ちょっと苦労したので…！" ＜同意！

[asa_ca3]

そうそうなんかあったなーと思ってたのよね。

[castaneai]

知らなかった・・・・

[warriorking]

CSSで半透明、opacityとrgbaの違い - ぼくはまちちゃん！(Hatena)

[nao14115]

CSSで半透明、opacityとrgbaの違い - ぼくはまちちゃん！(Hatena)

[dokodajp]

CSSで半透明、opacityとrgbaの違い - ぼくはまちちゃん！(Hatena)

[uyan39]

知らなかった

[amatuka]

CSSで半透明、opacityとrgbaの違い - ぼくはまちちゃん！(Hatena) こんにちはこんにちは！！ 今日はちょっとCSSのメモです！ 半透明について！ #testOpacity { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* IE */ filter: alpha(o

[realbasic]

あやちゃんすごい(*´∀｀*)

[gdno]

rgbaってのがあるのかぁ

[aquila2005]

要素の背景のみ透過させる指定方法（rgba）

[raimon49]

＞background-color:rgbaは、要素の背景色のみ透過する。

[DayTripper]

そういやあまり意識した事がなかったな

[mujin]

Opacityしか知らんかった！子要素がぜんぶ半透明になっちゃうから途方に暮れてたよ。各ブラウザのrgbaの対応状況調べなきゃ。