噩梦般的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==你知道有种东西叫做数据读取么,知道读取的东西要控制长度么,知道长度超了要隐藏再加个省略号么……扶额哭……

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,796评论 1 92
  • 第一部分HTML&CSS整理答案1.什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HTML5...
    Programmer客栈阅读 2,036评论 0 12
  • 在线阅读 http://interview.poetries.top[http://interview.poetr...
    前端进阶之旅阅读 114,791评论 24 450
  • 1标准的CSS的盒子模型?与低版本IE的盒子模型有什么不同的? CSS盒子模型:由四个属性组成的外边距(margi...
    秦小婕阅读 1,213评论 0 1
  • 暖心亲爹必备秘籍之一:有潜力待挖掘的作家 (排名不分先后) 每个学期都要去女儿学校参加一次家长会。那小学校的校长,...
    目耕道人阅读 241评论 0 1