[問題] CSS filter 的 Inherited

作者: kisha024 (4545454554)   2018-07-20 23:48:32
各位好
CSS filter 的 Inherited 是 no 如下
https://developer.mozilla.org/en-US/docs/Web/CSS/filter#Specifications
底下是我的測試
https://jsfiddle.net/k19wx6as/
如果filter的Inherited是no 那第三個div裡面的<img>應該不受filter影響
但結果卻不是這樣 請問是MDN寫錯了嗎? 
還是說 Inherited不是這樣解釋的?
謝謝
作者: Kenqr (function(){})()   2018-07-21 01:10:00
img確實沒有繼承到filter屬性只是filter本身就會影響到內層的外觀假如把img加上filter:grayscale(0%); 就會發現它依然是灰的
作者: eight0 (欸XD)   2018-07-21 13:38:00
很怪是指?width, height 之類的屬性也會影響到內層
作者: pkro12345 (席龍)   2018-07-21 14:18:00
filter這屬性的效果會影響內層的元素 但內層的元素並不會因此繼承到filter這屬性
作者: eight0 (欸XD)   2018-07-22 01:14:00
一個 opacity 的例子︰https://codepen.io/eight04/pen/EpZeWz
作者: arym   2018-07-23 19:29:00
就像父層設display:none; 子元素也會跟著看不見一樣

Links booklink

Contact Us: admin [ a t ] ucptt.com