最近遇到一个问题,需要在不同的浏览器上设置不同的背景颜色.
本来打算用css
@-moz-document url-prefix(){.aa{background:pink}};
@media screen and (-webkit-min-device-pixel-ratio:0) { .aa{background:yellow;}};
来进行判断,但是同时使用着两种,不能生效,就需要用js来进行判断,
$(function(){ if(isFirefox=navigator.userAgent.toUpperCase().indexOf("FIREFOX")>0){ $(".aa").css("background","pink"); } if(isMozilla=navigator.userAgent.toUpperCase().indexOf("CHROME")>0){ $(".aa").css("background","blue"); }// if(navigator.userAgent.indexOf("MSIE 9.0")>0) // {// alert("ie9");// } if (window.ActiveXObject || "ActiveXObject" in window){ $(".aa").css("background","orange"); }// else{// alert(‘我不是IE‘);// } });这样就能判断不同的浏览器了,但是360浏览器,这个分为两种情况,就ie模式 和极速(chrome)模式,可以将网页强制按照IE模式打开.
时间: 2024-10-03 22:06:18