| 1 |
wakaba |
1.5 |
[9] [DFN[[CODE(CSS)@en['[[opacity]]']] [[特性]]]]は[[不透明度]]を指定します。
|
| 2 |
|
|
[[不透明度]]はある種の[[後処理]]演算のようなもので、
|
| 3 |
|
|
適用対象の[[要素]]を裏で[[レンダリング]]したものを適当な場所に[RUBYB[混合]@en[[[blend]]]]する方法を決めるものとなります。 [SRC[>>1]]
|
| 4 |
wakaba |
1.2 |
|
| 5 |
wakaba |
1.5 |
* 仕様書
|
| 6 |
|
|
|
| 7 |
|
|
- [1] [CITE@en[CSS Color Module Level 3]] ([TIME[2011-06-07 21:54:38 +09:00]] 版) <http://www.w3.org/TR/2011/REC-css3-color-20110607/#transparency>
|
| 8 |
|
|
|
| 9 |
wakaba |
1.6 |
* 値
|
| 10 |
|
|
|
| 11 |
|
|
- [11] [CODE(CSS)@en[[[<alphavalue>]]]] [SRC[>>1]]
|
| 12 |
|
|
- [12] [CODE(CSS)@en[[[inherit]]]] [SRC[>>1]]
|
| 13 |
|
|
|
| 14 |
|
|
** 適用対象
|
| 15 |
|
|
|
| 16 |
|
|
[13] すべての[[要素]]に適用されます [SRC[>>1]]。
|
| 17 |
|
|
|
| 18 |
|
|
[15] この[[特性]]は[[視覚媒体]]に適用されます [SRC[>>1]]。
|
| 19 |
|
|
|
| 20 |
|
|
** 継承
|
| 21 |
|
|
|
| 22 |
|
|
[14] この[[特性]]は[[継承]]されません [SRC[>>1]]。
|
| 23 |
|
|
|
| 24 |
|
|
** 算出値
|
| 25 |
|
|
|
| 26 |
|
|
[15] この[[特性]]の[[算出値]]は[[指定値]]と同じです [SRC[>>1]]。
|
| 27 |
|
|
|
| 28 |
wakaba |
1.5 |
* 値の刳り抜き
|
| 29 |
wakaba |
1.2 |
|
| 30 |
|
|
[2]
|
| 31 |
|
|
[[算出値]]は[Q@en[The same as the specified value after clipping the <alphavalue> to the range [0.0,1.0].]<http://www.w3.org/TR/css3-color/#opacity>]とあり、普通に解釈すれば[[指定値]]はくりぬく前の値だと思います。
|
| 32 |
|
|
|
| 33 |
|
|
[3]
|
| 34 |
|
|
[CODE(CSS)@en[[[opacity]]: 100]]
|
| 35 |
|
|
<http://suika.fam.cx/gate/2007/cssom/viewer?c=p%20%7B%0A%20opacity%3A%20100%3B%20%0A%7D;h=%3Cp%3EXXXXXXXXXX;p=n;x=style-element>
|
| 36 |
|
|
|
| 37 |
|
|
[4]
|
| 38 |
|
|
>>3 [[Firefox]] 2 は [[CSSOM]] 内の値は [CODE(CSS)[100]] のままになっています ([CODE(DOMm)@en[[[getComputedStyle]]]] では [CODE(CSS)[1]] になっています)。
|
| 39 |
|
|
|
| 40 |
|
|
[[Opera]] 9 だと [[CSSOM]] 内の値で既に [CODE(CSS)[1]] になっています。
|
| 41 |
|
|
|
| 42 |
|
|
[5]
|
| 43 |
|
|
>>4 [[負]]の値でも同様に、[[Firefox]] 2 では
|
| 44 |
|
|
[CODE(DOMm)@en[[[getComputedStyle]]]] から、
|
| 45 |
|
|
[[Opera]] 9 では [[CSSOM]] に入る時点から [CODE(CSS)[[[0]]]]
|
| 46 |
|
|
になっています。
|
| 47 |
wakaba |
1.5 |
|
| 48 |
|
|
* 歴史
|
| 49 |
|
|
|
| 50 |
|
|
** [CODE(CSS)@en['-moz-opacity']]
|
| 51 |
|
|
|
| 52 |
|
|
[10] [[Gecko]] では長らく [DFN[[CODE(CSS)@en['[[-moz-opacity]]']]]]
|
| 53 |
|
|
として実装されていました。 [[IDL属性]]としては
|
| 54 |
|
|
[DFN@en[[CODE(DOMa)@en[[[MozOpacity]]]]]] でした。
|
| 55 |
wakaba |
1.2 |
|
| 56 |
|
|
[6]
|
| 57 |
wakaba |
1.1 |
[[Firefox]] 2 では [CODE(CSS)@en[[[-moz-opacity]]]] は
|
| 58 |
|
|
[CODE(CSS)@en[[[opacity]]]] の別名になっています
|
| 59 |
|
|
([[CSSOM]] に入る時点で [CODE(CSS)@en[[[opacity]]]]
|
| 60 |
|
|
に置換されます)。また、 [[DOM属性]]
|
| 61 |
|
|
[CODE(DOMa)@en[[[MozOpacity]]]] も
|
| 62 |
|
|
[CODE(DOMa)@en[[[opacity]]]] の別名になっているようです。
|
| 63 |
|
|
|
| 64 |
|
|
;; [[Opera]] 9 は [CODE(CSS)@en[[[-moz-opacity]]]] も
|
| 65 |
|
|
[CODE(DOMa)@en[[[MozOpacity]]]] も未実装です。
|
| 66 |
|
|
|
| 67 |
wakaba |
1.2 |
[101] [CITE@en-us[Firefox 3.1 for developers - MDC]] ([TIME[2009-02-08 18:25:06 +09:00]] 版) <https://developer.mozilla.org/ja/Firefox_3.1_for_developers#.E6.96.B0.E3.81.97.E3.81.8F.E3.82.B5.E3.83.9D.E3.83.BC.E3.83.88.E3.81.95.E3.82.8C.E3.81.9F.E3.83.97.E3.83.AD.E3.83.91.E3.83.86.E3.82.A3>
|
| 68 |
wakaba |
1.1 |
|
| 69 |
wakaba |
1.2 |
>opacityと類似した非推奨の -moz-opacity のサポートが削除されました。
|
| 70 |
wakaba |
1.4 |
|
| 71 |
|
|
[102] [CITE[Bug 3935 – mozilla-native pseudo classes and properties should be marked as such '''['''SELECT''']''']]
|
| 72 |
|
|
([TIME[2010-07-04 21:17:45 +09:00]] 版)
|
| 73 |
|
|
<https://bugzilla.mozilla.org/show_bug.cgi?id=3935>
|
| 74 |
|
|
|
| 75 |
wakaba |
1.5 |
** [CODE(CSS)@en['-khtml-opacity']], [CODE(CSS)@en['-webkit-opacity']]
|
| 76 |
|
|
|
| 77 |
|
|
[7] [DFN@en[[CODE(CSS)@en['[[-khtml-opacity]]']]]] は、
|
| 78 |
|
|
[[Safari]] 1.1 で実装された [[CSS]] [[特性]]。例 : [SAMP(CSS)[-khtml-opacity: 0.3]]
|
| 79 |
wakaba |
1.4 |
|
| 80 |
|
|
[8] Safari 1.2 では効かないらしい。
|
Parent Directory
| 
Revision Log