区别不同浏览器CSS hack写法

2016-02-19 17:47 7 1 收藏

图老师小编精心整理的区别不同浏览器CSS hack写法希望大家喜欢,觉得好的亲们记得收藏起来哦!您的支持就是小编更新的动力~

【 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;

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

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


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

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

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

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

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

延伸阅读
标签: Web开发
网页设计遇到最大的麻烦之一莫过于网页对不同浏览器的兼容性问题了,因为IE 6.0 / IE 7.0 / firefox 2 / Opera 9等主流浏览器对CSS解析不近相同,导致设计的页面效果不一样,所以用什么方法可以有效解决不同浏览器不同页面效果的问题呢?广泛被使用的方法就是CSS Hack,即使用特别的CSS定义显示网页在不同浏览器的设计风格,针对不同的浏览器去...
标签: Web开发
找Bug 篇 原始代码,未做修正: 运行代码框 !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"html xmlns="http://www.w3.org/1999/xhtml"head runat="server"meta http-equiv="Content-Type" content=&q...
标签: Web开发
介绍 毫无疑问,任何一个试图使用 CSS 的网页设计师和开发人员都会发现不同的浏览器要求不同的样式声明。这些烦恼归咎于各浏览器及其各版本不同程度的 CSS 执行的完整性。条件 CSS 是这个问题的一个解决方案,采用的是 Internet Explorer 的条件注释语法的思想,并把它内联到 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的写法可以用以下的几种方法实现:     (1)使用Embed(嵌入样式单)排版样式:     即将CSS代码直接插入每个页面的HTML的<head区,就象上一节看到的。使用<style...</style标签。例如: <style type="text/css" <!-- h2 { font-family: "宋体"; font-size: 12...

经验教程

296

收藏

44
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部