兼容性问题

浏览器兼容性问题(繁杂,但又必须去做的问题)
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"  )

posted @ 2015-09-21 00:36  罗遥  阅读(121)  评论(0编辑  收藏  举报