ie8 div背景图片单击无效

最新推荐文章于 2024-08-25 23:35:24 发布

zml6308

最新推荐文章于 2024-08-25 23:35:24 发布

阅读量1.6k

点赞数

CC 4.0 BY-SA版权

分类专栏： css web 文章标签：图片 ie8 单击

本文链接：https://blog.youkuaiyun.com/zml6308/article/details/41843709

web 同时被 2 个专栏收录

11 篇文章

订阅专栏

css

2 篇文章

订阅专栏

最近使用背景图片做了个展开和关闭的样式如下:

.iconcut {
	background: url("images/iconBg01.gif") no-repeat left -248px;
	height: 16px;
	width: 16px;
	display: inline-block;
	margin: 6px;
	float: left;
}

效果出来如下:

但是在ie8下面怎么点击都不会展开，添加防止冒泡代码e.stopPropagation(); 还是不行。

后来修改样式，

.iconcut {
	background: url("images/iconBg01.gif") no-repeat left -248px;
	height: 16px;
	width: 16px;
	display: inline-block;
	margin-top: -3px;
	margin-left:6px;
	vertical-align:middle;
}

确认ok。

注意点:

1.不能使用float

2.图片必须是transparent

3.图片必须是gif类型的