使用CSS给空元素设置背景图片
2008-03-11 03:17
1351 查看
空元素<a class="test"></a>
设定css
.test{
width:12px;
height:12px;
background:url("closeIcon.gif") no-repeat left center;
}
IE中显示正常，FF中不显示（border堆在一起了）
添加css定义：
html>body .test{
padding:0 6px 2px 6px;
}
显示正常。
MD，搞了半宿！！！
备注：使用该方法时page的不能使用dtd声明，否则在IE中不能显示图片！
设定css
.test{
width:12px;
height:12px;
background:url("closeIcon.gif") no-repeat left center;
}
IE中显示正常，FF中不显示（border堆在一起了）
添加css定义：
html>body .test{
padding:0 6px 2px 6px;
}
显示正常。
MD，搞了半宿！！！
备注：使用该方法时page的不能使用dtd声明，否则在IE中不能显示图片！
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 利用Dreamweaver自身功能,快速准确测绘图片上的元素坐标位置,并快速用到CSS背景坐标设置当中去
- 使用css设置图片背景透明，文字不透明
- div+css使用backgroundRepeat样式设置背景图片的显示方式
- css设置背景图片不随滚动条滚动;background-attachment使用
- Qt中设置widget背景颜色/图片的注意事项（使用样式表 setStyleSheet()）
- 使用css设置背景图方法_background:url
- css控制背景示例(css设置背景图片、设置背景颜色)
- 利用rgba和filter设置CSS背景颜色半透明且不影响子元素，兼容IE6-8
- 如何使用CSS设置<input>标签的背景小图标 简单
- 实现图片分割---产生多个div分割图片 使用for和二维数组来设置背景定位
- java工程里CSS背景图片路径设置
- Html5 CSS设置背景图片
- 使用jQuery和CSS将背景图片拉伸
- 06使用CSS设置图片样式
- 解决Vue2.0中使用less给元素添加背景图片出现的问题
- 网站页面置灰：使用css+js对页面图片、flash、背景等置灰处理
- css 设置全屏背景图片
- jquery设置背景图片:$(this).css("background-image","url(on.jpg)");就可以了
- HTML中通过CSS设置背景图片自适应浏览器大小
- 用max-width来防止图片溢出---不兼容ie6-----将max-width设置成父元素的宽度，当图片过大时会换行，以及限制图片的宽度。但是如果使用table，仍然可能超出限制。