欢迎来到Doc100.Net免费学习资源知识分享平台!
您的位置:首页 > 程序异常 >

在firefox中,设立div的position为absolute的时候,被其遮住的连接无法点击

更新时间: 2014-01-05 01:57:05 责任编辑: Author_N1

 

在firefox中,设置div的position为absolute的时候,被其遮住的连接无法点击
如:
<div style=" position:absolute;width:973px; height:97px; left:50%; margin-left:-486px;top:0px; z-index:1;"></div>
<table width="1003" height="98" border="0" align="center" cellpadding="0" cellspacing="0">
<tr><td><a href="http://www.touch-ok.cn"><img src="logo_touch" height="80" width="150"></a></td></tr></table>


这时,firefox上,img的连接点不了,其他浏览器可以。请高手赐教,在线等,解决马上结贴。
--参考方法--
好像只有IE可以点吧…………
IE中不设置背景色的元素遮住其他元素后,其他元素还可以响应事件,但是在Firefox/Chrome/Safari中是不可以的。
可以提高table的层叠级别,使table覆盖div。
<div style=" position:absolute; width:973px; height:97px; left:50%; margin-left:-486px;top:0px;border:1px solid red; z-index:1;"></div>
<table width="1003" height="98" border="0" align="center" cellpadding="0" cellspacing="0" style="position:relative; z-index:2;">
    <tr>
        <td><a href="http://www.touch-ok.cn"><img src="logo_touch" height="80" width="150"></a></td>
    </tr>
</table>

详细的分析,可以看看这篇文章:http://www.w3help.org/zh-cn/causes/BT9029

--参考方法--
斑竹回答的不靠谱,给浮动流中的div加SVG样式'pointer-events: none;'就可以了,基本都支持,除了IE。正好IE本来透明的div就能点到下边的东西,搞定。等着接分。
上一篇:上一篇
下一篇:下一篇

 

随机推荐程序问答结果

 

 

如对文章有任何疑问请提交到问题反馈,或者您对内容不满意,请您反馈给我们DOC100.NET论坛发贴求解。
DOC100.NET资源网,机器学习分类整理更新日期::2014-01-05 01:57:05
如需转载,请注明文章出处和来源网址:http://www.doc100.net/bugs/t/3551/
本文WWW.DOC100.NET DOC100.NET版权所有。