IEPNGFix:Unclickable children of element 解决办法

简介: 以前我有写过一篇关于让IE6支持png半透明图片的方法,这期间这一神器一直发挥了很大的作用,并且没有出现过什么差错,直到昨天。 昨天同事做的一个项目因为设计图的关系,所以实现起来用到了很多position定位的属性,这里就不细说为什么用到很多定位的属性了。

以前我有写过一篇关于让IE6支持png半透明图片的方法,这期间这一神器一直发挥了很大的作用,并且没有出现过什么差错,直到昨天。

昨天同事做的一个项目因为设计图的关系,所以实现起来用到了很多position定位的属性,这里就不细说为什么用到很多定位的属性了。页面做完并用到了IEPNGFix方法之后,在ie6下就会弹出对话框,上面显示:

IEPNGFix:Unclickable children of element
<DIV>

随即Google了一下,找到了原因并解决了此问题。
原因:需要应用此方法的层上有position定位的属性,所以就出现上述的对话框;
解决:在原来用此方法的层#box1外再加一个层#box2,把position定位的属性写到层#box2上,层#box1不要有定位的属性。

如原来的结构是
<div id="box1" style="position:relative;"></div>
改为
<div id="box2" style="position:relative;"><div id="box1"></div></div>
这样就能解决在ie6下弹出上述对话框的问题了。

img_fa0be433d68c8212b2b0b3b1a564ccb1.png
如果本文对你有所帮助,请打赏——1元就足够感动我:)
支付宝打赏 微信打赏
联系邮箱:intdb@qq.com
我的GitHub: https://github.com/vipstone
关注公众号: img_9bde0f31ac4a0eca10b1bd7414b78faf.png


作者: 王磊
出处: http://vipstone.cnblogs.com/
本文版权归作者和博客园共有,欢迎转载,请标明出处。

相关文章
|
JavaScript
Element UI报错:Unknown custom element: <el-menu>
Element UI报错:Unknown custom element: <el-menu>
183 0
|
JavaScript
document.getElementById找不到元素
document.getElementById找不到元素
|
JavaScript
element-plus loading用法
Element Plus 是一个 Vue.js 2.0 UI 库,它提供了一系列的组件和工具,可以用于构建 Web 应用程序。其中之一就是 loading 组件。loading 组件可以让用户在等待数据加载时看到一个过渡动画。
587 0
|
XML 前端开发 JavaScript
PHPDOM中的children方法是什么
在PHP开发中,PHPDOM是一个非常常用的类库,该类库是基于DOM模型的PHP扩展,主要用于处理XML和HTML文档。而其中的children方法是一种非常重要的函数,用于获取某个元素的所有子元素。
67 0
element-ui 里使用 el-tree 怎么实现树节点的 title 属性?
element-ui 里使用 el-tree 怎么实现树节点的 title 属性?
212 0
element-ui 里使用 el-tree 怎么实现树节点的 title 属性?
|
JavaScript
element部分技巧总结
而v-if用来切换的元素是会被销毁的,导致了v-if内的表单项,由于在mounted时期没有进行渲染,所以规则也没有绑定上。初始化时不符合显示条件的不会生成规则,导致后面切换条件,显示的输入框的校验不会生效
Element Plus 相关
Element Plus 相关
124 0
|
Java C++
LeetCode之Remove Element
LeetCode之Remove Element
111 0
|
算法 C#
算法题丨Remove Element
描述 Given an array and a value, remove all instances of that value in-place and return the new length.
1046 0