Z是一个解决方案,不能被消极因素点击
假设有这样的要求:
页眉和主区域是原来的区域。现在我们需要向页面添加一个背景地图,它要求背景层位于主区域的下方,但是可以点击主区域以外的部分,这是一个链接。
当我想起它的时候,我知道我不能用背景图做的,因为背景图是不可点击的。虽然可以使用JS来倾听身体和点击点击位置来确定背景图时,它是unclumsy。然后决定下一层的主面积下,设置z-index:- 1。图片集的bgimg背景图,代码如下:
U3000 U3000 U3000 U3000
。bgimg {位置:绝对;Z指数:1;背景:URL(…)不重复中心;}
U3000 U3000 U3000 U3000
然而,事实证明,bgimg不能点击到这个设置,飞翔将不会显示手的形状为Z指数负元素将身体层之下,所以点击和悬停事件是由身体层。
解uff1a
1。属性设置为0。主要的地区,设置位置:相对的,Z指数:1,使背景层不会影响的主要区域,也可以单击主区外。
2。结构与1相同,但实现不同,而不是使用位置,而不是使用负边距底部实现:
背景层{身高:500px;margin-bottom: - 500px;}
主要地区没有变化。
负边距底部的原则将把背景层下面的元素,高度=高度+填充顶部+填充底部+边框顶部宽度+边框底部宽度+边距顶部+,边距底部= 0。(不在reset.css财产将被重置为0)。所以背景层不占用文档流空间,也可以点击。