噩梦般的ie6&涨姿势

完全高估自己了啊,6h一个首页?哈?你知不知道你做了两天了,只做了二分之一……

1==切图,真的是切图,很多属性不支持。

2==目前为止不支持的属性:HTML5标签、伪类、伪元素(:after和:before)用某个插件可以实现插入文字,但不能插入背景图、opacity、border的transparent、border做的小三角、只有a有hover属性、line-height的表现不同

3==6的input支持背景图,7不支持,最好的方法:给外div设置背景,input用定位。

4==定位的位置也不一样,6的表现和8的表现都不一样哦  

5==ie的cssHack,顺序很重要~~

    background:red/9;     ie8~i86

*background:red

    _background:yellow;    ie6

6==伪类可以用Jquery的选择器代替,比如li的lastchild 使用last()

7==页面最小宽度min-width:在窗口很小有滚动条的时候也能撑到指定宽度的背景内容,显示背景色,这个体验很好~

8==png格式的图片,ie6有灰色背景/(ㄒoㄒ)/~~,放弃png使用gif,但是gif有锯齿,logo的位置还是建议用png,一大片灰色总比锯齿好,小图标使用gif,锯齿不明显

9==radio和checkbox需要用label,(方便点击)不懂为什么

10==不能使用ibsu标签,统一使用span,语义不明确

11==你知道有种东西叫做数据读取么,知道读取的东西要控制长度么,知道长度超了要隐藏再加个省略号么……扶额哭……

你可能感兴趣的:(噩梦般的ie6&涨姿势)