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
投稿

猜你喜欢

  • Django高级编程之自定义Field实现多语言

    2022-04-30 23:52:36
  • Django 简单实现分页与搜索功能的示例代码

    2023-12-26 01:40:16
  • asp.net下降文本格式数据导入到数据库中的代码

    2024-01-21 16:13:04
  • Vue路由应用详细讲解

    2024-05-05 09:24:03
  • IE中伪类:hover的使用及BUG

    2007-05-11 17:04:00
  • CodeIgniter启用缓存和清除缓存的方法

    2023-11-22 17:04:55
  • python使用Image处理图片常用技巧分析

    2023-01-17 14:51:38
  • Python中random模块常用方法的使用教程

    2023-12-03 16:30:11
  • 深入浅析PHP的session反序列化漏洞问题

    2024-05-13 09:51:14
  • javaScript产生随机数的用法小结

    2024-04-17 10:40:20
  • vue3 axios 实现自动化api配置详解

    2024-05-28 16:01:23
  • 深度学习TextRNN的tensorflow1.14实现示例

    2023-12-31 18:59:23
  • 介绍Python中的一些高级编程技巧

    2022-09-22 19:23:15
  • Django框架中表单的用法

    2022-03-29 02:00:14
  • python实现批量修改文件名

    2022-03-10 18:44:54
  • 页面上存在多个FckEditor编辑器的验证方法

    2022-07-29 07:00:49
  • Python的Flask框架中配置多个子域名的方法讲解

    2021-03-06 19:46:32
  • Vue快速实现通用表单验证的方法

    2024-04-09 10:45:06
  • springMVC + easyui + $.ajaxFileUpload实现文件上传注意事项

    2023-09-04 09:17:26
  • Nginx+Uwsgi+Django 项目部署到服务器的思路详解

    2021-05-20 20:23:10
  • asp之家 网络编程 m.aspxhome.com