日期:2014-05-19  浏览次数:20880 次

大家帮忙总结一下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无效

其他想起来再说。。
------解决方案--------------------
探讨

为了解决这个问题,只好编写了自定义的js框架,
分别在苹果,谷歌,火狐,360,IE6,IE8,世界之窗,傲游,腾讯TT,搜狗,opera这个11个浏览器中运行测试,直到框架中的代码全部都能在这11个浏览器中运行为止,才算彻底的解决了浏览器兼容的问题。
在这之前一直用jquery,但后来发现jquery的某些功能连IE6也无法解析运行,
而IE6在国内主浏览器市场排行榜捍居榜首,使我不得不……

------解决方案--------------------
探讨

引用:

为了解决这个问题,只好编写了自定义的js框架,
分别在苹果,谷歌,火狐,360,IE6,IE8,世界之窗,傲游,腾讯TT,搜狗,opera这个11个浏览器中运行测试,直到框架中的代码全部都能在这11个浏览器中运行为止,才算彻底的解决了浏览器兼容的问题。
在这之前一直用jquery,但后来发现jquery的某些功能连IE6也无法解析运行,
而IE6在国内主浏览……

------解决方案--------------------
ie基本上 标签都支持onblur事件 ,但是firefox 貌似只有input支持。
ie内嵌iframe 的外界没有空白空间,但是firefox 会留那么一点点,通过jquery可以调整过来。
ie支持document.all 但是firefox 支持 arguments[0]
ie支持 的css firefox 不支持,比如调整 滚动条的样式。
ie 的padding 和firfox 的padding 好像还是很有差距,最近项目中的效果在ie上蛮好,到firefox上出现 移位,哎 我只会通过 jquery来控制了,css兼容不会弄,美工也不会~~
------解决方案--------------------
国内电脑普及都普及到网吧和打印店了
老板只要能看电影就行,不会对浏览器做太多要求
给ie6写真得很累啊