為不同的瀏覽器載入不同CSS的二種方法
2006/11/9 8:56:38
由于各瀏覽器(IE、gecko、opera......)對CSS的渲染方式都有所不同,造成顯示效果不同,所以可通過對其載入不同CSS的方法來解決,下面介紹下二種方法來實現,不一定很實用,難的玩一把。
純CSS方式
以下是引用片段:
Code
.box{
width:20em;
height:20em;
background:#369;
}
/*--gecko內核--*/
@mediaalland(min-width:0px){
box{
background:#CC0000;
}
}
/*--operahacks--*/
/*--不能通過W3CCSS檢驗--*/
.box{background:#808080;
}
以上代碼運行的結果,在IE中是灰色,Opera中是紫紅,Firefox中是藍色
在IE7以前版本還可采用CSS2的屬性選擇符來區別,不幸的是IE7開始已能識別。
本文章由forestgan于15-Oct-2006發表
javascript的方法
以下是引用片段:
varcss_browser_selector=function(){
var
ua=navigator.userAgent.toLowerCase(),
is=function(t){returnua.indexOf(t)!=-1;},
h=document.getElementsByTagName('html')[0],
b=(!(/opera|webtv/i.test(ua))&&/msie(\d)/.test(ua))?((is('mac')?'ieMac':'')+'ieie'+RegExp.$1)
:is('gecko/')?'gecko':is('opera')?'opera':is('konqueror')?'konqueror':is('applewebkit/')?'webkitsafari':is('mozilla/')?'gecko':'',
os=(is('x11')||is('linux'))?'linux':is('mac')?'mac':is('win')?'win':'';
varc=b+os+'js';
h.className+=h.className?''+c:c;
}();
此腳本能區別更多的瀏覽器,具體使用方法可看腳本原作者網站。
返回列表
返回首頁
主站蜘蛛池模板:
男女猛烈xx00免费视频试看|
亚洲国产成人精品无码区在线网站|
亚洲av无码电影网|
贵州美女一级纯黄大片|
妇女性内射冈站HDWWWCOM|
亚洲一区二区三区丝袜|
燃情仕途小说全文阅读免费无弹窗下载
|
亚洲av中文无码乱人伦在线视色
|
女人让男人免费桶爽30分钟|
亚洲成av人片在线观看www|
精品国精品国产自在久国产应用男|
少妇无码太爽了在线播放|
久久精品国产亚洲av日韩|
精品69久久久久久99|
国产福利专区精品视频|
999任你躁在线精品免费不卡|
欧美乱妇高清无乱码免费|
国产一区风间由美在线观看|
99在线精品视频在线观看|
性欧美videofree另类超大|
亚洲国产精品一区二区久久
|
美国式禁忌4桥矿超棒|
国产免费丝袜调教视频|
99国产欧美久久精品|
性一交一乱一视频免费看|
中文字幕精品无码亚洲字|
欧美日本高清在线不卡区|
四虎国产精品免费久久|
野狼第一精品社区|
国产妇乱子伦视频免费|
99re在线视频观看|
女人让男人桶的小视频|
一本色道无码不卡在线观看|
成年人在线看片|
丰满多毛的大隂户毛茸茸|
日本在线电影一区二区三区|
久久精品国产一区二区电影|
最近的中文字幕国语电影直播|
国产a级黄色片|
永久免费视频网站在线观看|
成人免费无遮挡无码黄漫视频|