經與動畫按鈕一個div出現在懸停

Question

硬位言語來形容的，所以我會用一個例子開始： http://www.hairstylesdesign.com/

我也可以達到類似的效果在黑暗的背景會在我出現設置它的值從0％不透明度到100％不透明度。 示例： .blackscreen {background：black;不透明度：0％; } .blackscreen：hover {opacity：100％;}

但問題是嵌套在裏面的div。例如：

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

通過使等於0父div的不透明度，它不會影響嵌套的div。我想知道這個人是如何設法取消這種效果的。

非常感謝您的幫助。

Answer 1

不透明度是不表達的百分比和去從0％到100％的值，它是從0到1。

一小部分，它是不能由被覆蓋的稀有屬性之一cildren。如果父母具有不透明度0，則孩子應該始終具有不透明度0.