我使用 jquery 创建了一个 slider 和 slides plugin 。我想创建一种 slider 看起来像圆形的效果,因此我将透明圆形中心的图像绝对放置在 slider 上方,并具有更高的 z 索引。您可以在此处查看一个工作示例:http://vitaminjdesign.com/example/examples/Standard/index.html
我遇到的问题是您无法单击 slider 内的任何内容,因为“蒙版图像”的 z-index 高于其余内容。我希望能够单击标题区域内的链接以及整个幻灯片。有人对如何解决这个问题有什么好主意吗?
我不能给 .caption 比 mask 更高的 z-index,因为这样你会看到背景穿过圆形 mask 上方。但我需要能够在图像蒙版的透明区域内单击。有什么想法吗?
最佳答案
@JCHASE11我认为我不会向任何人建议这个..当我看到你的解决方案时我不得不这样做..它只是..令人窒息..但是..图像映射怎么样? -http://jsfiddle.net/u9cYZ/
哈..我开始重新考虑这个问题..但它确实可以通过图像映射实现。
最终对其进行了测试,以确保我不只是乱扔一些行不通的想法.. http://jsfiddle.net/u9cYZ/3/ (在这个例子中,IE从某个搞砸了的地方获取值imgposition:relative;并且......为时已晚,我要去 sleep 了)
所以解决方案仍然有点..狡猾..但这一次它只会覆盖想要的区域..
这有点像管道胶带的想法。但是,我想你可以放一个空的 <a>
在那里的某个地方,当然是在面具的顶部,并更改 href
以匹配当前可见图像。
关于jquery - 单击图像下方具有较高 z-index 的内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7102818/