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