用jquery判断这两个浏览器的不同:
var userAgent = navigator.userAgent.toLowerCase(); $.browser.chrome = /chrome/.test(navigator.userAgent.toLowerCase()); // Is this a version of Chrome? if($.browser.chrome){ userAgent = userAgent.substring(userAgent.indexOf('chrome/') +7); userAgent = userAgent.substring(0,userAgent.indexOf('.')); $.browser.version = userAgent; // If it is chrome then jQuery thinks it's safari so we have to tell it it isn't $.browser.safari = false; } // Is this a version of Safari? if($.browser.safari){ userAgent = userAgent.substring(userAgent.indexOf('version/') +8); userAgent = userAgent.substring(0,userAgent.indexOf('.')); $.browser.version = userAgent; }
在css文件里写两个class.
<style>
.chrome{
/*chrome样式放在这里*/
}
.safari{
/*safari样式放在这里*/
}
</style>
先要引用jquery的代码。放在header里。
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
然后代码可以放在网页的任何位置。包含在<script>
$(document).ready(function(){
//上面那段代码
});
</script>
里。不同的样式可以放在两个不同的class里,然后用jquery加载,直接写addClass就可以了,比如 $("#yourElementId").addClass("chrome");。
<style>
.chrome{
/*chrome样式放在这里*/
}
.safari{
/*safari样式放在这里*/
}
</style>
先要引用jquery的代码。放在header里。
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
然后代码可以放在网页的任何位置。包含在<script>
$(document).ready(function(){
//上面那段代码
});
</script>
里。不同的样式可以放在两个不同的class里,然后用jquery加载,直接写addClass就可以了,比如 $("#yourElementId").addClass("chrome");。