问题
我使用的是全屏背景图片的超大jQuery,这将是可点击的广告。在标记的主要内容上方,我使用了定位标记,位置固定,z索引为-1,显示块以及高度/宽度100%。一切正常,问题是当应用z-index时,锚标记的“可点击性”消失了。
任何人有任何想法吗?我可以使用2个定位标记,将其放置在主要内容的绝对位置,并将其推出到每一侧,但是我不确定通常如何应用此效果。
任何帮助将不胜感激
最佳答案
z索引越低,则在堆叠上下文中它越低。
理论上,在锚点上放置-1会将其放置在z-index为0的元素下,因此您可能会因此失去点击功能。
我找不到支持这一点的参考,但我认为不允许使用负值。
堆栈上下文参考:
TimKadlec.com -- Detailed Look at Stacking in CSS
更新
快速浏览一下锚点上显示的-1的z-index:
与
页面上没有其他内容-可以
在Chrome中无法点击。
与
页面上的另一个元素
-使锚点不可点击
Chrome和Firefox(但不包括IE8)
...所以我建议不要使用负的z-index。将其颠簸到0,然后将z-index设置为1,看是否可行。
关于css - 全屏减z-index anchor 不可点击,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/5722549/