近来闲暇,答辩之后总有无尽的光阴来修身养性,修了一个矫健跳跃的身躯,养了一个耐人寻味的性情。
四处逛游,拉着白白的小兔,不时还喂她些甘草,她喜笑颜开。
本想和兔讨论下IE6和IE7,但是她不太兴趣,所以就将想法放在了这里来,望能永存对CSS的欣赏和敬仰,以及对微软这等做事之前不考虑后果的半二愣子和上点点的倒彩,也为它却能牢牢地抓住中国麻瓜的心和不断地向规范靠拢附上稍稍的尊敬。
最近了解到W3C已经在着手CSS3的相关事宜,特发此文,以表支持。
不知大家是否在做网站时遇到这样的问题,不同的CSS文件在不同的浏览器上所显示的效果是不一样的,被老板这等外行所指点。却又感叹编辑网站,即使点点一个像素的问题却耗费半天,或许不能解决。
请通过这样的方法将浏览器的问题放入你问题管理系统的“已解决”。
//一段可以判断浏览器类型和版本的代码
window["MzBrowser"]={};(function()
{
if(MzBrowser.platform) return;
var ua = window.navigator.userAgent;
MzBrowser.platform = window.navigator.platform;
MzBrowser.firefox = ua.indexOf("Firefox")>0;
MzBrowser.opera = typeof(window.opera)=="object";
MzBrowser.ie = !MzBrowser.opera && ua.indexOf("MSIE")>0;
MzBrowser.mozilla = window.navigator.product == "Gecko";
MzBrowser.netscape= window.navigator.vendor=="Netscape";
MzBrowser.safari = ua.indexOf("Safari")>-1;
if(MzBrowser.firefox) var re = /Firefox(/s|//)(/d+(/./d+)?)/;
else if(MzBrowser.ie) var re = /MSIE( )(/d+(/./d+)?)/;
else if(MzBrowser.opera) var re = /Opera(/s|//)(/d+(/./d+)?)/;
else if(MzBrowser.netscape) var re = /Netscape(/s|//)(/d+(/./d+)?)/;
else if(MzBrowser.safari) var re = /Version(//)(/d+(/./d+)?)/;
else if(MzBrowser.mozilla) var re = /rv(/:)(/d+(/./d+)?)/;
if("undefined"!=typeof(re)&&re.test(ua))
MzBrowser.version = parseFloat(RegExp.$2);
})();
/*
alert("是否IE"+MzBrowser.ie);
alert("是否FireFox"+MzBrowser.firefox);
alert("是否opera"+MzBrowser.opera);
alert("什么版本"+MzBrowser.version);
*/
//判断不同的浏览器加载不同的CSS文件
if (MzBrowser.ie){
if(MzBrowser.version==6){
oo("link").href='cssforie6.css';
}else if(MzBrowser.version==7){
oo("link").href='cssforie7.css';
}else if(MzBrowser.version==8){
oo("link").href='cssforie8.css';
}
}else if (MzBrowser.firefox){
oo("link").href='cssforfire.css';
}else if(MzBrowser.opera){
oo("link").href='cssforopera.css';
}else if(MzBrowser.netscape){
oo("link").href='cssfornetscape.css';
}else if(MzBrowser.safari){
oo("link").href='cssforsafari.css';
}else if(MzBrowser.mozilla){
oo("link").href='cssformozilla.css';
}
function oo(obj){
return typeof(obj)=="string"?document.getElementById(obj):obj;
}
将此段代码作为JS文件引用到页面,将导入CSS文件代码<link……/>设置id="link",就可控制到
网页根据不同浏览器的不同版本来加载不同的CSS文件,以让网页在所有浏览器上展示的效果是一
致的。