使用绝对定位,我在图像前面放置了一个div
,其透明度为0.5,方法是给它一个更高的z-index
。同样使用绝对定位,我想使用更高的div
在第一个div
前放置另一个较小的z-index
。这个较小的div
只显示图像的一部分(如窗口),但没有不透明度。最终,我将使较小的图像可拖动。
我正在努力的是,只要主div
具有0.5不透明度,较小的一个也将显示具有相同不透明度的图片。我该如何克服这个问题?
答案 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 之上