不同浏览器的CSS Hack写法

2016-02-19 15:37 3 1 收藏

下面图老师小编跟大家分享一个简单易学的不同浏览器的CSS Hack写法教程，get新技能是需要行动的，喜欢的朋友赶紧收藏起来学习下吧！

【 tulaoshi.com - Web开发】

区别IE6与FF：
background:orange;*background:blue;

区别IE6与IE7：
background:green !important;background:blue;

区别IE7与FF：
background:orange; *background:green;

区别FF，IE7，IE6：
background:orange;*background:green !important;*background:blue;

注：IE都能识别*;标准浏览器(如FF)不能识别*；
IE6能识别*，但不能识别 !important,
IE7能识别*，也能识别!important;
FF不能识别*，但能识别!important;

IE6 IE7 FF
* √ √ ×
!important × √ √

另外再补充一个，下划线"_",
IE6支持下划线，IE7和firefox均不支持下划线。

于是大家还可以这样来区分IE6，IE7，firefox
: background:orange;*background:green;_background:blue;

注：不管是什么方法，书写的顺序都是firefox的写在前面，IE7的写在中间，IE6的写在最后面。

来源:http://www.tulaoshi.com/n/20160219/1610047.html

上一篇： javascript gb2312转utf-8
下一篇： MAC系统启动Terminal自动补全功能的方法

看过《不同浏览器的CSS Hack写法》的人还看了以下文章更多>>

针对不同版本的IE浏览器的条件CSS应用

标签： Web开发

介绍毫无疑问，任何一个试图使用 CSS 的网页设计师和开发人员都会发现不同的浏览器要求不同的样式声明。这些烦恼归咎于各浏览器及其各版本不同程度的 CSS 执行的完整性。条件 CSS 是这个问题的一个解决方案，采用的是 Internet Explorer 的条件注释语法的思想，并把它内联到 CSS 声明之中。基本用法条件 CSS 主要用于指出一个特别...

使用不同的CSS写法CSS进阶

标签： Web开发

CSS的写法可以用以下的几种方法实现：（1）使用Embed（嵌入样式单）排版样式：即将CSS代码直接插入每个页面的HTML的head区，就象上一节看到的。使用style.../style标签。例如： style type="text/css" !-- h2 { font-family: "宋体"; font-size: 12pt; font-style: italic...

使用不同的CSS写法-CSS进阶

标签： Html CSS布局 Div+CSS XHTML

CSS的写法可以用以下的几种方法实现：（1）使用Embed（嵌入样式单）排版样式：即将CSS代码直接插入每个页面的HTML的<head区，就象上一节看到的。使用<style...</style标签。例如： <style type="text/css" <!-- h2 { font-family: "宋体"; font-size: 12...

CSS 浏览器的等宽空格

标签： Web开发

很多时候，希望能够在 HTML 中使用空格排版。但浏览器在解析 HTML 时，会把连续的空格解析成一个，所以我们会使用   等这样的占位符。但是   也不是很可靠，比如空格间距非常大，那么我们必须增加多个占位符，同时页面的体积会变得非常大。同时，注意到 Safari 中的   宽度是已设定字符的空格宽度...

浏览器CSS兼容方案

标签： Web开发

网页设计遇到最大的麻烦之一莫过于网页对不同浏览器的兼容性问题了，因为IE 6.0 / IE 7.0 / firefox 2 / Opera 9等主流浏览器对CSS解析不近相同，导致设计的页面效果不一样，所以用什么方法可以有效解决不同浏览器不同页面效果的问题呢？广泛被使用的方法就是CSS Hack，即使用特别的CSS定义显示网页在不同浏览器的设计风格，针对不同的浏览器去...

查看更多精彩>>