`

Css样式兼容IE6,IE7,FIREFOX的写法

    博客分类:
  • CSS
css 
阅读更多

根据FF和IE对一些符号识别的差异,我们可以单独对FF以及IE定义样式,例子:

区别IE6FF:   
       
background:orange;*background:blue;   
区别
IE6IE7:   
       
background:green !important;background:blue;   
区别
IE7FF:   
       
background:orange; *background:green;   
区别
FFIE7IE6:   
       
background:orange;*background:green !important;*background:blue;   
注:
IE都能识别*;标准浏览器(FF)不能识别*;   
IE6能识别*,但不能识别 !important,   
IE7能识别*,也能识别!important;   
FF不能识别*,但能识别!important;   
所以标准的写法
FFIE7IE6:   
       
color:#fff; *color:#000 !important; *color:#ff6600;   
       
firefox:白色,IE7:黑色,IE6:橙色

另外再补充一个,下划线”_”,
IE6支持下划线,IE7和firefox均不支持下划线。
于是大家还可以这样来区分IE6,IE7,firefox
: background:orange;*background:green;_background:blue;
注:不管是什么方法,书写的顺序都是firefox的写在前面,IE7的写在中间,IE6的写在最后面。

分享到:
评论

相关推荐

    css样式表兼容总结,兼容火狐,ie6,ie7,FF

    css样式表火狐,ie6,ie7,FF,

    Css样式兼容IE6,IE7,FIREFOX的浏览器的写法示例介绍

    根据FF和IE对一些符号识别的差异,我们可以单独对FF以及IE定义样式,例子: 区别IE6与FF: background:orange;*background:blue; 区别IE6与IE7: background:green !important;background:blue; 区别IE7与FF: ...

    ie6ie7ie8共存以及Firefox浏览器CSS兼容写法

    在网站设计的时候,应该注意css样式兼容不同浏览器问题,特别是对完全使用DIVCSS设计的网,就应该更注意IE6IE7FF对CSS样式的兼容,不然,你的网乱可能出去不想出现的效果!Java中文网海量权威开发资料,欢迎游客会员...

    CSS 完美兼容IE6/IE7/FF的通用hack方法

    一、CSS HACK 以下两种方法几乎能解决现今所有HACK. 1, !...2, IE6/IE77对FireFox *+html 与 *html 是IE特有的标签, firefox 暂不支持.而*+html 又为 IE7特有标签.<style>#wrapper{#wrapper {

    兼容各种浏览器篡位的css样式写法分享

    /*针对谷歌浏览器内核支持的CSS样式*/ @media screen and (-webkit-min-device-pixel-ratio:0) { 样式 } /*针对IE6特制识别的CSS样式*/ *HTML .SearchBox { 样式 } 针对Firefox浏览器的内核CSS写法: @-moz-document...

    CSS网站布局实录 (第二版)PDF版

    8.3.1 安装Firefox Web Developer 8.3.2 界面总览 8.3.3 主要功能 8.4 Web Accessibilty Toolbar 8.4.1 安装工具栏 8.4.2 界面与功能总览 第9章 CSS布局应用实例解析 9.1 闪客帝国网站布局设计 9.1.1 界面设计 9.1.2...

    纯CSS实现不固定大小div相对于body垂直居中效果

    兼容IE8/IE9/IE10/IE11 火狐,谷歌,360等各种主流浏览器 相对于body居中的另外一种写法 原理比较难以理解,这里只简单的说下如何使用: 1、在body的根目录下建立两个嵌套的div 2、分别给两个...

    浏览器端如何使用Less

    受益于JavaScript,LESS可以在客户端上运行(IE6+、Webkit、Firefox),也可以在服务端运行(Node.js、Rhino)。  本质上,LESS 包含一套自定义的语法及一个解析器,用户根据这些语法定义自己的样式规则,这些规则...

    Discuz! X3.4 正式版 简体中文 UTF8 v20200818

    22、修复 IE11及firefox在使用编辑器按钮的时候出现的bug 23、修复 个人资料页点击放大签名档图片时样式缺失的问题 24、修复 帖子列表页点击长条形下一页按钮时加载出的帖子后方图标样式异常的问题 25、修复 IE9...

    Discuz! X3.4 简体中文-PHP

    22、修复 IE11及firefox在使用编辑器按钮的时候出现的bug 23、修复 个人资料页点击放大签名档图片时样式缺失的问题 24、修复 帖子列表页点击长条形下一页按钮时加载出的帖子后方图标样式异常的问题 25、修复 IE9及...

    Discuz! X3.4 繁体中文-PHP

    IE11及firefox在使用编辑器按钮的时候出现的bug23、修复 个人资料页点击放大签名档图片时样式缺失的问题24、修复 帖子列表页点击长条形下一页按钮时加载出的帖子后方图标样式异常的问题25、修复 IE9及以上在多处出现...

    XML轻松学习手册--XML肯定是未来的发展趋势,不论是网页设计师还是网络程序员,都应该及时学习和了解

    (XML取消了所有标识,包括font,color,p等风格样式定义标识,因此XML全部是采用类似DHTML中CSS的方法来定义文档风格样式。),XML中用来设定显示风格样式的文件类型有: 1.XSL XSL全称是Extensible Stylesheet ...

    精通JavaScript

    Mozilla Firefox 1.5.0.3或更高版本 服务器采用IIS5.1 或以上版本 数据库使用MS Access 2000以上 2.本书所附光盘实例代码: 第1章(\第1章) 查看1.2.htm中noscript显示效果的方法如下: 1.将该实例复制到C:\...

Global site tag (gtag.js) - Google Analytics