兼容性问题
一、sprite雪碧图
css雪碧即css sprite,也有人叫它CSS精灵,是一种css图像合并技术,该方法是将小图标和背景图像
合并到一张图片上,让后利用css的背景定位来显示的图片部分
CSS雪碧的基本原理是把你的网站上用到的一些图片整合到一张单独的图片中,从而减少你的网站的HTTP请求
数量该图片使用css background和background-position属性传染,
优点:减少请求次数,提高页面加载速度,减少IE的一些bug
列:div{
width:150px;
height:120px;
background:url(图片地址)
background-position:0px 120px;(x轴y轴)
二、解决兼容性问题:1、①<!Doctype>解析模式(标准)②加前缀 -weblcit- -o- -ms-③rest重置技术,
normalize技术 2、④CSS中的hack技术(不同的浏览器显示不同的页面)IE6-,IE7*,IE8 /0 /9.
3、⑤条件注释4、⑥倒入包(引入)
三、 ①opacity--filter(0-100)②png背景--倒入包(插件)③圆角--倒入包(图片)④BFC--*zoom.1(无限值)
这叫haslayout技术,在IE下触发BFC⑤双倍margin兼容性问题⑥在IE下有一个3PX差距(IE自带)
⑦在FONT-SIZE设置10px以下--审查元素