Javascript不透明度问题

时间:2010-08-17 08:06:49

标签: javascript jquery

使用绝对定位,我在图像前面放置了一个div,其透明度为0.5,方法是给它一个更高的z-index。同样使用绝对定位,我想使用更高的div在第一个div前放置另一个较小的z-index。这个较小的div只显示图像的一部分(如窗口),但没有不透明度。最终,我将使较小的图像可拖动。

我正在努力的是,只要主div具有0.5不透明度,较小的一个也将显示具有相同不透明度的图片。我该如何克服这个问题?

2 个答案:

答案 0 :(得分:1)

听起来你已经得到了答案,但无论如何你可能对实施例子感兴趣。

你的0.5不透明度的div不能是0.5不透明度的div。它必须是至少4个具有0.5不透明度的div,但可能最灵活的是8个。它们将在3x3网格中一起形成8个图块而没有中心图块。它们各自具有0.5不透明度,并且中心图块不存在,因此它具有完全不透明度。然后你可以自由地玩中间负空间的尺寸,调整各种瓷砖的大小来匹配。

如果你想让中心区域可拖动,那么它将是一个带有0不透明度和拖动处理程序的第9个div。

希望有所帮助。 imgAreaSelect插件似乎使用4个图块,其中最左边和最右边的图块占据整个垂直区域(即每个图块占据3x3网格中的3个空格)。

答案 1 :(得分:0)

如果清除不透明度对此没有帮助,则需要在DOM层次结构中将小div 放在主div 之外 而不是使用绝对定位

将其置于主要div 之上