从父div获得不同的不透明度值

Question

divStatus中有一些控件。一个是btnStatus，它是隐藏的。显示mouseover btnStatus，divStatus's不透明度降至0.5。我希望btnStatus具有不透明度1。但是下面的代码没有帮助。 btnStatus的不透明度值仍为0.5。

$("#divStatus").mouseover(function () {
     $("#divStatus").css("opacity", "0.5");
     $("#btnStatus").show();
     $("#btnStatus").css("opacity", "1");
});

JSFiddle

Answer 1

你不能这样做。父不透明度值影响所有子元素。

但是你可以将btnStatus放在divStatus之外并将divStatus设置为绝对位置并将btnStatus放在divStatus上。你可以分别控制两个不透明度值。

jsfiddle example: http://jsfiddle.net/cp0c50pd/

Answer 2

相同效果:::::: ==＆gt; http://jsfiddle.net/6vuqg97x/1/

enter code here

Answer 3

我只能建议使用“rgba color”而不是“opacity”

检查出来：http://jsfiddle.net/z9hmdm7a/

background: rgba(0,0,0,1);