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

sth_i_love 2010-09-09 03:07:17
如:
<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的连接点不了,其他浏览器可以。请高手赐教,在线等,解决马上结贴。
...全文
544 8 打赏 收藏 转发到动态 举报
写回复
用AI写文章
8 条回复
切换为时间正序
请发表友善的回复…
发表回复
sunwenjunnet 2012-01-20
  • 打赏
  • 举报
回复
[Quote=引用 4 楼 mochimo 的回复:]
斑竹回答的不靠谱,给浮动流中的div加SVG样式'pointer-events: none;'就可以了,基本都支持,除了IE。正好IE本来透明的div就能点到下边的东西,搞定。等着接分。
[/Quote]

我靠,这个方法管用。。。。
浴火_凤凰 2010-09-29
  • 打赏
  • 举报
回复
只有IE可以吧
xu_wei19850502 2010-09-10
  • 打赏
  • 举报
回复
不知道版主要啥效果,个人认为div和table都没必要 position:absolute。
lijian_007 2010-09-09
  • 打赏
  • 举报
回复
[Quote=引用 4 楼 mochimo 的回复:]

斑竹回答的不靠谱,给浮动流中的div加SVG样式'pointer-events: none;'就可以了,基本都支持,除了IE。正好IE本来透明的div就能点到下边的东西,搞定。等着接分。
[/Quote]恩 还是这个好啊
mochimo 2010-09-09
  • 打赏
  • 举报
回复
斑竹回答的不靠谱,给浮动流中的div加SVG样式'pointer-events: none;'就可以了,基本都支持,除了IE。正好IE本来透明的div就能点到下边的东西,搞定。等着接分。
sth_i_love 2010-09-09
  • 打赏
  • 举报
回复
谢谢2楼的回答,虽然能实现点击,但是换了层的顺序,问题还是同样存在,不过也学到东西了,如果没有更好的答案,分就给你吧。
WebAdvocate 2010-09-09
  • 打赏
  • 举报
回复
好像只有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
sth_i_love 2010-09-09
  • 打赏
  • 举报
回复
顶一下,别沉了,高手赶紧帮下我嘛

5,006

社区成员

发帖
与我相关
我的任务
社区描述
解读Web 标准、分析和讨论实际问题、推动网络标准化发展和跨浏览器开发进程,解决各种兼容性问题。
社区管理员
  • 跨浏览器开发社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧