悬停时会出现带有动画按钮的div

Question

有点难以用文字描述，所以我将从一个例子开始： http://www.hairstylesdesign.com/

当我将它的值从0％不透明度设置为100％不透明度时，我可以实现类似的效果。 例： .blackscreen {背景：黑色;不透明度：0％; } .blackscreen：悬停{不透明度：100％;}

但问题在于嵌套在里面的div。例如：

<div class="picture"> <div class="blackscreen"> <div class="buttons"> </div> </div> </div>

通过使父div的不透明度等于0，它不会影响嵌套在内部的div。我想知道这个人是如何设法实现这种效果的。

非常感谢帮助。

Answer 1

不透明度不是以百分比表示的值，从0％到100％，它是从0到1的分数。

它是儿童无法覆盖的罕见属性之一。如果父级具有不透明度0，则子级应始终具有不透明度0。