大家帮忙总结一下ie和火狐的样式或js不兼容的问题。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
别从网上粘贴哦。。就说自己开发中遇到的,我先说一下自己常遇到的。。
样式不兼容
1.ie:width和height属性不包括border,火狐:width和height属性包括border
2.ie的鼠标的手型样式可以用hand,但是在火狐下不行,只能用pointer
3.绝对定位的div再ie6下会被select空间挡住,需要在div中嵌套一个iframe.
4.ie6下透明的png图片不能透明,必须用js脚本来设置。
5.火狐:img放在链接标签中,图片不会有边框IE:img放在链接标签中,图片会有蓝色表框
js不兼容
火狐:可以用innerHTML创建table的tr和td。
IE:只能用createElement创建tr和td,然后用insertRow和insertCell插入。
火狐:可用innerHTML创建select的option。
IE:只能用createElement创建option,然后用setAttribute设置value,appendChild创建文本(createTextNode)
[解决办法]
js不兼容问题可以用jquery来代替,css同样遇到问题,不是很清楚
[解决办法]
火狐浏览器有很多东西不兼容的,很讨厌,建议用图片来替代
[解决办法]
CSS 样式
如果ie6 不支持,那就在样式前面加下划线 _backgroud-color
ie7不支持 ,那就*_backgroud_color
火狐不支持, 那就!importantbackgroud_color
很久不搞这个了,应该没错
[解决办法]
ie7 是*backgroud_color 多写一个下划线,接分了
[解决办法]
为了解决这个问题,只好编写了自定义的js框架,
分别在苹果,谷歌,火狐,360,IE6,IE8,世界之窗,傲游,腾讯TT,搜狗,opera这个11个浏览器中运行测试,直到框架中的代码全部都能在这11个浏览器中运行为止,才算彻底的解决了浏览器兼容的问题。
在这之前一直用jquery,但后来发现jquery的某些功能连IE6也无法解析运行,
而IE6在国内主浏览器市场排行榜捍居榜首,使我不得不扔掉了jquery。
[解决办法]
国内最新的浏览器排行榜,这图对B/S开发人员来说,
如果程序不能在IE6中运行,或者让IE6的用户觉得很不爽,
那么这样的程序开发出来意义何在呢?
[解决办法]
有差别就很难完全“兼容”
[解决办法]
我知道有一个就Oper的浏览器
[解决办法]
是挺麻烦的
[解决办法]
padding margin的边距
IE计算对象长宽
FF计算实际长宽
PNG在IE6需要额外滤镜
FF里DIV margin:0 auto无效
其他想起来再说。。
[解决办法]