关于一些CSS效果在Safari浏览器中不能成功

html-css013

关于一些CSS效果在Safari浏览器中不能成功,第1张

兼容问题..在一些浏览器当中...有的时候写下拉菜单只需要加上hover{display:block}它就会显示..但是有些浏览器没有遵循W3C的标准..它就不会显示..比如..IE6..但是在火狐当中它就可以...所以有些浏览器里..最好加上JS的代码..这样保证不同浏览器之间的兼容问题...或许你使用的SAFARI的版本不支持标准..换个好点的版本..或者换火狐4下..而且IE8的标准肯定要比IE6高很多...

实现根据浏览器类型自动调用不同CSS。<SCRIPT LANGUAGE="JavaScript">

<!--

if (window.navigator.userAgent.indexOf("MSIE")>=1)

{

//如果浏览器为IE

setActiveStyleSheet("IE.css")

}else{

if (window.navigator.userAgent.indexOf("Firefox")>=1)

{

//如果浏览器为Firefox

setActiveStyleSheet("Firefox .css")

}else{

//如果浏览器为其他

setActiveStyleSheet("qita .css")

}

}function setActiveStyleSheet(title){

document.getElementsByTagName("link")[0].href="style/"+title

}

//-->

</SCRIPT>