質問編集履歴

1

BA選出後のまとめ

2019/07/17 01:23

投稿

Lhankor_Mhy
Lhankor_Mhy

スコア36087

test CHANGED
File without changes
test CHANGED
@@ -77,3 +77,27 @@
77
77
  ### 補足情報
78
78
 
79
79
  ChromeとFirefoxの最新版で確認しました。
80
+
81
+
82
+
83
+ ### BA選出後のまとめ
84
+
85
+ 結局、はっきりとはわからなかったのですが、kei344さんからご指摘があったとおり、`filter`の他にも`transform`や`opacity`も効きませんでした。(`opacity`については透過した先に何もないということかもしれませんが。)
86
+
87
+ 一方で、s8_chuさんのご指摘のとおり、仕様に従えば`filter`は効いてよさそうです。しかし、単純にバグだとすると、FirefoxとChromeで同じ振る舞いをしているのも気になります。
88
+
89
+
90
+
91
+ ちょっと気になるのは、CSS3のこの仕様です。
92
+
93
+ > The root element does not paint this background again, i.e., the used value of its background is transparent.
94
+
95
+ [CSS Backgrounds and Borders Module Level 3](https://www.w3.org/TR/css-backgrounds-3/#root-background)
96
+
97
+
98
+
99
+ (勝手訳:ルート要素は背景を再び塗ることはありません。つまり、ルート要素の背景は透明が使われるということです)
100
+
101
+
102
+
103
+ `body`要素の背景は描画される際にカンバスの背景として取り扱われ、`body`要素の背景は`'transparent'`と見なされる、と考えれば、「そもそも`body`要素の背景ではなくなってしまうので、`body`要素へのCSSは効かない」と解釈でき、s8_chuさんのご指摘とも矛盾しないのかもなあ、などと思いました。