不透明度值如何工作?

时间:2012-07-23 13:07:11

标签: css opacity

我想在拖放游戏中设置draggable的不透明度,但我真的不知道这些数字是什么意思......

有人可以解释一下,当我徘徊时,我会如何让它变得非常明显吗?

$('.drag').hover(

function() {
$(this).stop().animate({
    opacity: "0.8"
});
}, 
function() {
$(this).stop().animate({
    opacity: "1"
});
});

1 个答案:

答案 0 :(得分:3)

想一想0 = 0%,1 = 100%。

因此,例如,如果您希望某些内容为50%透明,请将数字设置为0.5,如果您想要完全透明的内容,请选择0。价值为0.9的东西只会略微透明。

这也支持rgba,例如:

rgba(0, 0, 0, 0.5)

...将产生灰色,因为我们从黑色开始并使其50%透明(当然取决于背景)。

  

有人可以解释一下,当我徘徊时,我会如何让它变得非常明显吗?

将悬停值设置为非常低的值,例如0.4,这很明显,您可能会决定继续调整不透明度,直到悬停和正常状态相互补充为止。