为不同的浏览器载入不同CSS的二种方法
来源:互联网 发布:如何装饰淘宝店铺 编辑:程序博客网 时间:2024/05/29 04:06
由于各浏览器(IE、gecko、opera......)对CSS的渲染方式都有所不同,造成显示效果不同,所以可通过对其载入不同CSS的方法来解决,下面介绍下二种方法来实现,不一定很实用,难的玩一把。
纯CSS方式
.box{ background: #808080;
}
以下是引用片段: Code .box{ width: 20em; height:20em; background: #369; } /*--gecko内核--*/ @media all and (min-width: 0px){ box{ background: #CC0000; } } /*--opera hacks--*/ /*--不能通过W3C CSS检验--*/ <!--[if IE ]><style> .box{ background: #808080; } </style><![endif]--> |
以上代码运行的结果,在IE中是灰色,Opera中是紫红,Firefox中是蓝色
在IE7以前版本还可采用CSS2的属性选择符来区别,不幸的是IE7开始已能识别。
本文章由forestgan于15-Oct-2006发表
javascript的方法
以下是引用片段: var css_browser_selector = function() { var ua = navigator.userAgent.toLowerCase(), is = function(t){ return ua.indexOf(t) != -1; }, h = document.getElementsByTagName('html')[0], b = (!(/opera|webtv/i.test(ua)) && /msie (/d)/.test(ua)) ? ((is('mac') ? 'ieMac ' : '') + 'ie ie' + RegExp.$1) : is('gecko/') ? 'gecko' : is('opera') ? 'opera' : is('konqueror') ? 'konqueror' : is('applewebkit/') ? 'webkit safari' : is('mozilla/') ? 'gecko' : '', os = (is('x11') || is('linux')) ? ' linux' : is('mac') ? ' mac' : is('win') ? ' win' : ''; var c = b+os+' js'; h.className += h.className?' '+c:c; }(); |
此脚本能区别更多的浏览器,具体使用方法可看脚本原作者网站。
- 为不同的浏览器载入不同CSS的二种方法
- 不同浏览器不同分辨率,调用不同的css文件
- CSS针对不同的浏览器的适应方法
- 区分不同浏览器的方法
- 不同的浏览器写不同的CSS code
- css的不同浏览器的唯一标识
- 我想在浏览器读取网页时识别不同的分辨率载入不同的图片,请问应
- 浏览器和分辨率不同自动调用不同CSS的代码
- 浏览器和分辨率不同自动调用不同CSS的代码
- 针对不同浏览器的css样式
- 不同浏览器的CSS Hack总结
- 不同的浏览器对CSS要求
- css属性对不同浏览器的兼容
- CSS在不同浏览器上的兼容问题
- 区别不同浏览器的CSS hack写法
- CSS、JS在不同浏览器的兼容性问题
- css对不同浏览器兼容的问题
- css 兼容通过判断不同的浏览器
- 浅析: setsockopt -- 改善程序的健壮性
- 虚拟机上网问题
- 休息结束了
- 迷茫~~~~~~~~无奈后悔.
- 制作Javascript弹出窗口技巧九则
- 为不同的浏览器载入不同CSS的二种方法
- 寻找更高级的抽象,超越算法
- JavaScript另类网页特效5则
- 网页制作之CSS常用网站布局实例
- 什么是Little Endian Big Endian[转载]
- 溢出原理《转》
- 15个步骤收获一生的学习习惯
- format 的用法
- 中间件 简介