本文主要是介绍ie下脱离文档流区域无法被点击,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
ie下脱离文档流区域无法被点击
如下需要实现点击整个红色区域,触发click事件。但是中间有蓝色图标。
作法是 红色为div嵌套图标div(这个div只能与图标一样大,涉及到图标是sprite技术),然后将红色div定位到整个大图的左右。
bug:在ff,google 下点击红色区域都能触发click事件,但是在ie下,包括ie的高版本只会点击内层的div才可以触发事件。
解决方案1(失败):只要给红色div设置一个背景颜色就行了。但是,这个区域必须是透明的,所以必须设置透明度。问题出来了,设置透明度后,内层的div会由于透明度而不会显示。
后来问了老大。。
解决方案2:给红色div区域添加一个透明背景图片。解决了。
我又追问了,老大。
此疑难何解?老大曰:“根据我的理解,红色div区域内没有任何东西,因此点击到下层元素上了。这个可以用事件的冒泡来测试,看触发事件的元素是哪一个!”
这篇关于ie下脱离文档流区域无法被点击的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!