CSS兼容杂记

简介:

首先,向万恶的IE 6,7,8,9,10,XXX致敬!

下面调试CSS样式时的一些总结,主要是为了兼容IE,有少量chrome.

  1. IE <option>没有onclick事件,可以通过select的onclick事件响应
  2. IE <label> for <image>时,存在bug,需要通过脚本设定
  3. IE <image>默认会有边框,可以通过样式 {border:0}来去除
  4. IE的float:right的标签必须在逻辑位置的上边才上边缘对齐
  5. jquery的组件选择,使用children,parent,silbings,会存在维护问题,因为修改CSS时,有可能修改组件相对位置,从而是定位失效,所以还是id比较省事
  6. IE的垂直对齐与ff, chrome不一样
  7. IE第json的格式比较严格,末尾的字段多了逗号是违法的
  8. chrome下的select标签的onclick不好时,选择后,不会立刻触发,必须再点一下控件,可以改用onchange事件
声明:如有转载本博文章,请注明出处。您的支持是我的动力!文章部分内容来自互联网,本人不负任何法律责任。
本文转自bourneli博客园博客,原文链接:http://www.cnblogs.com/bourneli/archive/2012/11/21/2781177.html ,如需转载请自行联系原作者
相关文章
|
5月前
|
前端开发 JavaScript UED
css中什么是响应式设计?响应式设计的基本原理是什么?如何兼容低版本的IE?
css中什么是响应式设计?响应式设计的基本原理是什么?如何兼容低版本的IE?
23 0
|
Web App开发 前端开发 JavaScript
CSS 奇思妙想 | 全兼容的毛玻璃效果
CSS 奇思妙想 | 全兼容的毛玻璃效果
559 0
CSS 奇思妙想 | 全兼容的毛玻璃效果
|
前端开发
CSS - 兼容
CSS - 兼容
71 0
|
前端开发 索引 容器
css兼容的问题 -持续更新
如果ie6设置span的display为 inline-block或者block  那么span的高度你会发现无法设置成20像素以下,以为ie6的盒模型 最小高度是20像素。如果想设置成更小,要用overflow=hidden ; 如果Ie6设置了float为left,有时你会发现容器的margin变成了原来的两倍(不尽然准是两倍),解决办法是增加 display=inline 属性。
718 0
|
前端开发
CSS实现文字竖排显示(兼容IE6/IE7)
平时我们常使文字横排显示,那么如何用CSS实现文字竖排显示呢?
12461 0
|
Web App开发 前端开发 iOS开发