曾经,有次机会在我面前,我没有珍惜,直到失去了才追悔莫及。人生最悲伤的事情莫过于此。如果老大在问我一次:“你来修改样式兼容吧!”,我一定毫不迟疑坚决的说:“不,请让我做别的吧。”
公司系统网站长久以来都是IE专业户,不要bs我,我是中途进来的。最近提出跨浏览器,老大让我修改现有平台,使之可以兼容多个浏览器。痛苦的日子要来临了,不喜欢弄样式,不擅长弄样式。~~o(>_<)o
~~ 本人水平很差,如高手看到还请指正。欢迎讨论补充:
- 表单添加id属性,input表单没有id属性,只有name属性,document.getElementById
方法在ie下有效,但在其他浏览器下无效无法获取表单元素,请为input表单添加id属性。
- 某些标签例如:ul,li在ie与chrome下属性的解析不一样,尽量少用。
- 内联元素如span,设置背景色背景图等需添加得加属性:display:block才能显示。
- 关于背景图片写法:background:url("images/left-tab-middle.gif") no-repeat top left;
在ie下可以在chrome及firefox下位置无效。
- 事件注册:ie下为attachEvent,其他浏览器为addEventListener
- 自定义属性,请使用:getAttribute获取属性值。
- 元素中不能有一处以上的style描述:IE下,一个元素中可以多次style的定义,Safari及Chrome下,若有多次描述无法生效。
- cursor:hand 和
cursor:pointer,firefox不支持hand,但ie、Safari及Chrome中支持pointer,请统一使用pointer
浏览器兼容,尝试改造记录(1),布布扣,bubuko.com
浏览器兼容,尝试改造记录(1)
原文:http://www.cnblogs.com/haiqing421/p/2495705.html