通过CSS Hack 区分 FF/IE7/IE6/IE5.5/IE5 代码推荐
通过CSS Hack 区分 FX/IE7/IE6/IE5.5/IE5
#example{color:red ;}
* html #example{color:blue;}
*+html #example{color:green;}
这是在 FireFox 或者 Opera 下面的效果
这是在 IE 6 下面的效果
这是在 IE 7 下面的效果
以下为简单区分FF/IE6/IE7示例
这行文字在FF下应为红色,在IE6下应为蓝色,在IE7下应为绿色。
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
相关推荐
-
CSS Hack大全-教你如何区分出IE6-IE10、FireFox、Chrome、Opera
现在的浏览器IE6-IE10.Firefox.Chrome.Opera.Safari...数量众多,可谓百家争鸣,对用户来说有了很多的可选择型,不过这可就苦了Web前端开发人员了.今天把一些常用的CSS Hack整理了一下,包括常用的IE hack以及火狐.Chrome.Opera浏览器的Hack,并把这些CSS Hack综合的一起,写了一个小的浏览器测试器.如图所示: 下面就来看一下代码吧: html部分: 复制代码 代码如下: <div class="content">
-
浏览器兼容解决FF/IE6/IE7背景专用CSS HACK
自从互联网开始的那一刻起,各浏览器间的争斗就没有停止过.当然其中最苦的就是网页制作人员了,为了达到用户体验以及可用性的标准,不得不在多个浏览器上为统一效果而奔波.真希望哪一天FF可以一统天下,虽然现在还是IE的大天下.特别是微软最新发布的IE7浏览器,其CSS的兼容性确实给一些网页制作人员又添加了一个沉重的新负担. 为了让各浏览器有同样的显示效果,我们不得不用到CSS HACK.当然在这篇文章中我们只谈现在使用率最高的IE6和FF,以及将来可能会成为主流的IE7的CSS HACK,至于IE6以下
-
特牛的FF/IE6/IE7专用CSS HACK
这是一篇关于CSS HACK的文章,这篇文章中提到的CSS HACK是针对class.id中属性的HACK,排列的顺序都具有要求.今天要和大家说的是针对class.id所做的CSS HACK. 复制代码 代码如下: .test{/*FF*/ height:20px; background-color:orange; } *+html .test{/*IE7*/ height:20px; background-color:blue; } *html .test{/*IE6*/ height:20p
-
网页制作中十个最好的CSS hacks
If you are front end coder you must know how important is to make cross browses, valid CSS and xHTML code. And also you must know how much time we are spending in all those hacks and fixes for various browsers. I've written about some of them earlier
-
CSS Hack收集汇总
屏蔽IE浏览器(也就是IE下不显示) *:lang(zh) select {font:12px !important;} /*FF的专用*/ select:empty {font:12px !important;} /*safari可见*/ 这里select是选择符,根据情况更换.第二句是MAC上safari浏览器独有的. 仅IE7识别 *+html {-} 当面临需要只针对IE7做样式的时候就可以采用这个HACK. IE6及IE6以下识别 * html {-} 这个地方要特别注意很多地主都写了
-
CSS Hack 汇总快查
*:lang(zh) select {font:12px !important;} /*FF的专用*/ select:empty {font:12px !important;} /*safari可见*/ 这里select是选择符,根据情况更换.第二句是MAC上safari浏览器独有的. 仅IE7识别 *+html {-} 当面临需要只针对IE7做样式的时候就可以采用这个HACK. IE6及IE6以下识别 * html {-} 这个地方要特别注意很多地主都写了是IE6的HACK其实IE5.x同样可
-
很不错的 CSS Hack 又学了一招
CSS Hack height:20px; /*For Firefox*/ *height:25px; /*For IE7 & IE6*/ _height:20px; /*For IE6*/ 今天学到了一手,效果不错,哇卡卡卡卡
-
CSS hack实现 CSS完美兼容IE6/IE7/FF的通用方法
关于CSS对各个浏览器兼容已经是老生常谈的问题了, 网络上的教程遍地都是.以下内容没有太多新颖, 纯属个人总结, 希望能对初学者有一定的帮助. 一.CSS HACK 以下两种方法几乎能解决现今所有HACK. 1, !important 随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.) <style> #wrapper { width: 100px!important; /* IE7+FF */ width:
-
CSS Hack 汇总速查手册浏览器兼容必会
屏蔽IE浏览器(也就是IE下不显示) 复制代码 代码如下: *:lang(zh) select {font:12px !important;} /*FF 可见,特别声明:由于Opera最新的更新,此句目前已经成为FF的专用HACK*/ select:empty {font:12px !important;} /*safari可见*/ 这里select是选择符,根据情况更换.第二句是MAC上safari浏览器独有的. 仅IE7识别 复制代码 代码如下: *+html {-} 当面临需要只针对IE7
-
通过CSS Hack 区分 FF/IE7/IE6/IE5.5/IE5 代码推荐
通过CSS Hack 区分 FX/IE7/IE6/IE5.5/IE5 #example{color:red ;} * html #example{color:blue;} *+html #example{color:green;} 这是在 FireFox 或者 Opera 下面的效果 这是在 IE 6 下面的效果 这是在 IE 7 下面的效果 以下为简单区分FF/IE6/IE7示例 这行文字在FF下应为红色,在IE6下应为蓝色,在IE7下应为绿色. [Ctrl+A 全选 注:如需引入外部Js需刷
-
css ie6 ie7 ff的CSS hack使用技巧
FF浏览器 .test{ height:20px; background-color:orange; } IE7浏览器 *+html .test{/*IE7*/ height:20px; background-color:blue; } IE6浏览器 *html .test{/*IE6*/ height:20px; background-color:black; } 通过上面的CSS代码可以看出FF还是最听话的浏览器.在IE6和IE7如果要使用HACK必须要在前面加上夫级标签html. 这里就很
-
网页布局+纯CSS纵向下拉菜单 IE6/IE7兼容
网页布局+纯CSS纵向下拉菜单 IE6/IE7兼容 网页布局+纯CSS纵向下拉菜单 *{ margin:0; padding:0; border:0; } html{ background:#bfc4c7;/*背景颜色*/ } body{ font:12px/150% '宋体'; margin:0 auto; width:770px; text-align:center; } #menu,#nav,#footer{ clear:both; } #nav{ padding-left:20px; t
-
一个针对IE7的CSS Hack
IE7 修复了很多 bug,也增加了对一些选择符的支持,所以现在诸如 *html {} 和 html>body {} 等针对 IE 隐藏或显示的 hack 都会在 IE7 中失效.虽然 CSS Hack 不推荐使用,条件注释才是万无一失的过滤器,但是条件注释只能出现在 HTML 中,CSS Hack 还是有用武之地的.Nanobot 发现了一些针对 IE7 的 CSS Hack,具体就是: >bodyhtml**+html 这三种写法,其中前两种都是不合法的 CSS 写法,在标准兼容浏览器中被
随机推荐
- ASP小偷程序如何利用XMLHTTP实现表单的提交
- flex压缩图片exif信息(作者/相机)丢失问题解决
- python简单猜数游戏实例
- 详解Swift语言中的类与结构体
- JavaScript实现模仿桌面窗口的方法
- JavaScript获取/更改文本框的值的实例代码
- JavaScript利用正则表达式去除日期中的-
- ASP常用函数:Trace()
- Asp 使用 Microsoft.XMLHTTP 抓取网页内容并过滤需要的
- 利用jquery.qrcode在页面上生成二维码且支持中文
- 探寻Javascript执行效率问题
- JavaScript代码应该放在HTML代码哪个位置比较好?
- 网站上面有这种切换效果
- Linux系统文件命令精通指南(上)
- C++运行时获取类型信息的type_info类与bad_typeid异常
- C#枚举数值与名称的转换实例分享
- 详细介绍:Apache+PHP+MySQL配置攻略
- 详解angularjs实现echart图表效果最简洁教程
- django传值给模板, 再用JS接收并进行操作的实例
- Linux中如何查看已挂载的文件系统类型详解