兼容性问题

标签：

浏览器兼容性问题（繁杂，但又必须去做的问题）
1：一个系统只能安装一个IE浏览器，但是可以使用（IETester）；可以使用多个IE。
<script>
document.body.innerHTML+=navigator.userAgent;可以显示浏览器的版本，并 显示在浏览器上；
</script>

2：w3help.org 可以看兼容性问题；

3：不要通过右键来打开这样使用的是混杂模式；

css reset技术
1:为了消除浏览器直接的差异会使用
<style>
*{
margin:0;
padding:0;
}
</style>
这样的写法已经很少用了，因为太过于暴力，解析效率也会降低；（不建议使用）；

要使用就使用normalize css相对温和的css设置样式；
不让就用自己慢慢调整；

css的优先级
1：权重值：每个选择器都有权重值，

w3help.org兼容性处理问题；

filter:是IE上专用的透明，叫滤镜；Arpha();

可以检测各浏览器的默认margin：；padding: ;

  if(!window.getComputedStyle){    

  window.getComputedStyle=function($target{     return $target.currentStyle;  

};  

} 

 var ul = document.getElementsByTagName("ul")[0]; 

 var ol = document.getElementsByTagName("ol")[0];  alert(‘UL default display value:‘    + getComputedStyle(ul,null).display    + "\n"   

         + ‘OL default display value:‘    + getComputedStyle(ol,null).display    + "\n"    

+ ‘UL margin-left value:‘    + getComputedStyle(ul,null).marginLeft    + "\n"    

+ ‘UL padding-left value:‘    + getComputedStyle(ul,null).paddingLeft    + "\n"    

+ ‘OL margin-left value:‘    + getComputedStyle(ol,null).marginLeft    + "\n"    

+ ‘OL padding-left value:‘    + getComputedStyle(ol,null).paddingLeft    + "\n"  )

兼容性问题

标签：

原文地址：http://www.cnblogs.com/luoyao19910515/p/4824887.html