IE下绝对定位的元素不能响应鼠标的bug修正

作者:大米 来源:口碑网UED Team 时间:2008-09-10 13:03:00 

如果当前绝对定位的元素需要透明(没啥内容、且不设置背景),背景元素有内容透出来的时候,IE6/IE7响应的不是期望的当前元素,而是背景元素。如图:

当鼠标滑到“我爱口碑网”字上,响应的不是期望的黄色框的当前元素,而是响应的灰背景的后面的元素。

BUG表现很简单,解决方法也很简单,就是给当前元素加上假背景图,即透明背景图,这张背景图1×1px,repeat xy。

background:url(transparent.gif);

这儿提供了一个demo来演示bug和修复后的情况:anchor.htm (2.89 KB)

另外也有个不需要图片的解决方案,只能用于当前元素不需要表现的时候,比如有时候只是想放一个链接让用户可以链走

background:white;filter:alpha(opacity=1);opacity:0.01

就是因为用了透明度1%,副作用就是啥都看不到了。

标签:bug,鼠标,定位,ie
0
投稿

猜你喜欢

  • 实例讲解在MySQL中如何导出整个数据库

    2009-09-01 10:03:00
  • DreamWeaver操作超级技巧大全

    2008-10-03 20:50:00
  • javascript验证IP地址等验证例子

    2007-09-11 13:40:00
  • 用Dreamweaver设计Wordpress留言板教程(一)

    2010-03-17 15:44:00
  • 【推荐】汉字转为拼音的asp函数

    2007-08-17 11:11:00
  • Session.TimeOut的最大取值是1440,超出会报错

    2011-03-31 11:19:00
  • 3个JS控制图片滚动的效果

    2007-10-23 13:40:00
  • JavaScript创建可维护幻灯片效果

    2008-06-21 16:42:00
  • [翻译]标记语言和样式手册 Chapter 1 清单

    2008-01-15 10:26:00
  • MYSQL server has gone away解决办法

    2010-11-25 17:22:00
  • PHP使用laravel邮件服务发送邮件

    2023-05-25 03:48:23
  • 装载iframe 子页面,自适应高度

    2008-11-20 12:53:00
  • 将有安全问题的SQL过程删除,比较全面

    2007-08-06 14:46:00
  • 在Oracle网络结构解决连接问题

    2010-07-28 12:49:00
  • JavaScript的replace方法与正则表达式结合应用讲解

    2008-03-06 21:37:00
  • asp代码WinHttp.WinHttpRequest.5.1使用例子

    2010-03-11 21:28:00
  • 采用XMLHTTP编写一个天气预报的程序

    2007-10-15 12:35:00
  • SQL语句参考及记录集对象详解

    2008-11-25 11:47:00
  • XSL学习教程:运算符和函数

    2008-01-22 18:24:00
  • Oracle 日期的一些简单使用

    2009-08-05 20:42:00
  • asp之家 网络编程 m.aspxhome.com