菜鸟经验-兼容性问题

problem1：

IE部分浏览器不支持`background-size`属性：`-ms-background-size`并没有什么卵用，低版本依然还是那样，当时百度找过一些办法比如：在CSS属性里加上`filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imagesrc',  sizingMethod='scale');`这些不是我总结的，算是我工作遇到问题百度后找到的解决的办法分享一下，下同。亲测有效，但是百分比默认就是父级的100%了，不知道是不能设置还是我不会，希望大神们看到帮我解答下，先谢过了~

problem2:

子标签用绝对定位的时候要写top、left的值，不然就等着乱吧；这是很基础的问题了，也只有第一次处理兼容性的小白才会疏忽吧。

problem3：

让IE低版本加载border-radius、box-shadow、text-shadow属性,狂戳ie-css3-htc用法：在css属性中加上behavior: url(ie-css3.htc); / 通知IE浏览器调用脚本作用于'box'类 /详细请戳传送门

problem4：

谷歌、欧朋浏览器上面 所占的长度与其他浏览器不同，慎用，一般是懒得加缩进属性就直接打个 的，这个就带下了，希望大家都能从新手就开始养成一个好的编程习惯。

problem5：

iframe标签。先来个传送门biu~biu~biu了解下iframe的各种属性值，确定自己要一个什么样的iframe再引入。其实iframe的兼容性问题很多，不是代码特别多或者没办法的情况下，不建议使用iframe，设置对应宽高和scrolling='no'除IE的主流浏览器应该不会出现滚动条了，或者让iframe高度自适应，试过很多办法，这个最好用传送门biu~biu~biu一般可能都是头尾复用吧，jsp或者include让后台帮你加就行了。就不要用iframe这种兼容性不好的了；

problem6：

jQuery的兼容性本来是很好的，但是，我使用的是2.0以上的版本，优点我就不多说了，轻量高效等等，但是兼容性没低版本的好，2.0以上好多功能IE低版本上无法实现。所以取舍看大家自己选择了。

注明：以上言论有不对的地方请指正，小白先谢过了~

关键字：firefox, chrome, ie兼容, opera

版权声明

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符，请点击 举报 进行投诉反馈！