ie 9 背景透明的空白元素无法点击

CODING 发布于2019-08-30 15:54 / 1280人阅读

摘要：浏览器代码文字问题描述发现只能点击文字和图片，空白部分则无法点击也可以通过观察鼠标有无变成手型。后来才想起搜索下的空白区域无法点击。才发现下可能背景空白的元素是有些坑的，网上的方法就是加背景就行了。

浏览器：IE 9
代码：



    
        文字

问题描述：发现只能点击 “文字” 和图片，空白部分则无法点击（也可以通过观察鼠标有无变成手型）。

解决过程：一开始以为是定位问题，被其他层挡住。canvas-box 的 z-index 调低，把 box 的 z-index 调高，也不能解决问题。后来才想起搜索下 ie 9 的空白区域无法点击。才发现 ie 9 下可能背景空白的元素是有些坑的，网上的方法就是加背景就行了。

解决方法：

私有云混合云 ie6背景图透明 ps透明背景元素透明度图片背景透明化

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/116850.html

面试BAT，你凭什么说你掌握了CSS

摘要：控制表单控件的禁用状态。老不支持生成绝对定位的元素，相对于浏览器窗口进行定位。生成相对定位的元素，相对于其正常位置进行定位。由于浮动框不在文档的普通流中，所以文档的普通流的块框表现得就像浮动框不存在一样。介绍项目已经开源：https://github.com/nanhupatar... 欢迎PR 推荐关注我们的公众号 showImg(https://segmentfault.co...

darryrzhong 2019-08-29 16:55 评论0 收藏0
css基础

摘要：在元素之后添加内容控制表单控件的禁用状态。生成相对定位的元素，相对于其正常位置进行定位。由于浮动框不在文档的普通流中，所以文档的普通流的块框表现得就像浮动框不存在一样。 CSS display: none; 与 visibility: hidden; 的区别联系：它们都能让元素不可见区别： display:none;会让元素完全从渲染树中消失，渲染的时候不占据任何空间；vi...

JinB 2019-08-30 14:21 评论0 收藏0
前端面试题2（CSS）

摘要：在元素之后添加内容控制表单控件的禁用状态。生成相对定位的元素，相对于其正常位置进行定位。由于浮动框不在文档的普通流中，所以文档的普通流的块框表现得就像浮动框不存在一样。前端面试之CSS display: none; 与 visibility: hidden; 的区别联系：它们都能让元素不可见区别： display:none;会让元素完全从渲染树中消失，渲染的时候不占据任...

MangoGoing 2019-08-29 15:30 评论0 收藏0
前端面试题2（CSS）

摘要：在元素之后添加内容控制表单控件的禁用状态。生成相对定位的元素，相对于其正常位置进行定位。由于浮动框不在文档的普通流中，所以文档的普通流的块框表现得就像浮动框不存在一样。前端面试之CSS display: none; 与 visibility: hidden; 的区别联系：它们都能让元素不可见区别： display:none;会让元素完全从渲染树中消失，渲染的时候不占据任...

zorro 2019-08-22 17:30 评论0 收藏0
前端面试题2（CSS）

摘要：在元素之后添加内容控制表单控件的禁用状态。生成相对定位的元素，相对于其正常位置进行定位。由于浮动框不在文档的普通流中，所以文档的普通流的块框表现得就像浮动框不存在一样。前端面试之CSS display: none; 与 visibility: hidden; 的区别联系：它们都能让元素不可见区别： display:none;会让元素完全从渲染树中消失，渲染的时候不占据任...

meteor199 2019-08-05 13:57 评论0 收藏0