このCSSの番号部分、解説して下さい！

質問

a:hover img{ opacity:0.5;--------------(1)
-moz-opacity:0.5; --------------(2)
filter:alpha(opacity = 50);}--------(3)

opacityは透明度らしいですが、どうして(1)～(3)の三つも書く必要があるのでしょうか？

検索しても解りませんでした・・

宜しくお願いします。

回答No.2

chie65535 · ベストアンサー

＞どうして(1)～(3)の三つも書く必要があるのでしょうか？

(1)しか解釈しないブラウザは、(2)と(3)を無視します。

(2)しか解釈しないブラウザは、(1)と(3)を無視します。

(3)しか解釈しないブラウザは、(1)と(2)を無視します。

なので「どのブラウザで閲覧しても大丈夫なように、３つ書いてある」のです。

補足

有り難うございます。

それならどうして(3)だけが５０まんですかね？
同じ０．５表示ならその理屈も解るのですがね～。

私は、現在、透明度をゆるくするために(3)を７０にしていますが、(2)、(3)も数値を変更する必要があるのでしょうかね？

回答No.3

chie65535

＞それならどうして(3)だけが５０まんですかね？

誰かが「filter:alpha()で指定するopacityの値は0から100」って決めたからです。

(1)も(2)も(3)も「仕様を決めた人が違う」ので、ある人は「0～1で小数点付きもオッケー」って決めて、別のある人は「0～100の小数点付きもオッケー」って決めて、別のとある人は「0～100の整数じゃなきゃアカンねん」って決めて、更に別の誰かは「0～255にしよう」って決める可能性があります。

＞ 同じ０．５表示ならその理屈も解るのですがね～。

「違う人間が仕様を決めている」のですから「数値の意味を同じにする必要もなければ、同じにする意味もない」です。

誰かが「小数点で書かれると解析が面倒だから、0～10000の値で指定してね」って決めたら、他がどうなってようが「50%半透明を表す値は5000」です。0.5とか50とか書いてしまうと、違う動きをしてしまいます。

＞ 私は、現在、透明度をゆるくするために(3)を７０にしていますが、(2)、(3)も数値を変更する必要があるのでしょうかね？

当たり前です。

(3)を70にしたなら、(1)を0.7、(2)も0.7に変更しないといけません。

貴方がやってる事は、ドアに

PUSH
引く
푸시

って書くのと同じです。これでは、押して開くのか引いて開くのか判りません。

補足

回答にブラウザってありますが、ブラウザって大きく分けるとクローム、サファリ、IEってことですか？

(1)～(3)がどのように割り振られているんですか？

回答No.1

x-1919

古いブラウザのために、ブラウザの種類ごとの記述をしています。

https://www.google.co.jp/search?hl=ja&q=-moz-opacity&lr=lang_ja&gws_rd=ssl#lr=lang_ja&hl=ja&tbs=lr:lang_1ja&q=hover+filter+alpha+%22-moz-opacity%22

補足

有り難うございます。

それならどうして(3)だけが５０まんですかね？
同じ０．５表示ならその理屈も解るのですがね～。

私は、現在、透明度をゆるくするために(3)を７０にしていますが、(2)、(3)も数値を変更する必要があるのでしょうかね？