码迷,mamicode.com
首页 > 其他好文 > 详细

ie8 div背景图片单击无效

时间:2014-12-10 12:34:54      阅读:136      评论:0      收藏:0      [点我收藏+]

标签:图片   ie8   单击   

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

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


效果出来如下:

bubuko.com,布布扣

但是在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类型的




ie8 div背景图片单击无效

标签:图片   ie8   单击   

原文地址:http://blog.csdn.net/zml6308/article/details/41843709

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!