web前端 兼容性问题

1:position属性使用过多或使用位置不恰当引起滚动时页面错乱

浏览器环境：ie7

网页上最直接表现就是极具破坏性的滚动错位，问题产生来自ie7自身渲染解析出错；这个问题的解决方案没有具体的代码，尽量避免在过多层级中使用该属性，绝对禁止为无需要无作用元素添加该属性，如tr、td等

 

2: 跨浏览器的CSS透明度

.transparent {

opacity: 0.7;

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";

filter: alpha(opacity=70);

-moz-opacity: 0.7;

-khtml-opacity: 0.7;

 

3.浏览器兼容——常用的css hack

（1）.title{ height:200px;

*height:200px;

_height:200px; }

（2）.title{ height:200px;

*height:200px !important;

*height:200px; }

（3）.title{ height:200px; }

*html.title{ height:200px;}

*+html.title{ height:200px;}

 

4.经常遇到的浏览器的兼容性有哪些？原因，解决方法是什么，常用hack的技巧 ？

转载于:https://www.cnblogs.com/yinzf/p/5931108.html