CSS Hack代码范例：兼容IE5.0、IE5.5、IE6.0、IE7.0、FF1.5、

　　本CSS Hack代码范例，可以直观显示各个版本浏览器hack的使用。兼容IE5.0、IE5.5、IE6.0、IE7.0、FF1.5、FF2.0。
　　IE7.0简体中文正式版发布了，对于我等常和网页打交道的人来说网页兼容性问题也随之而来了。IE7.0有一个显著的改变就是支持!important了，是件好事情，但是也给广大的在IE6时代使用!important来区分处理IE和FF的网页制作者带来了不少问题，Noker也遇到了这个问题，所以翻阅网上资料，写了下面这个能够兼容现今大多数主流浏览器，覆盖绝大多数用户的Hack代码！
　　兼容浏览器版本：IE5.0，IE5.5，IE6.0，IE7.0，Firefox1.5，FireFox2.0
　　CSS代码：（请注意Hack代码的顺序）

 代码如下 复制代码
#test{
width:300px;
height:100px;
background:#DDD!important;/*FF*/
background:#FF0;/*IE5.0*/
}
#test/*IE5.5+*/{
*+background:#C0F!important;/*IE7.0*/
*background:#F00;/*IE6.0*/
*background /*IE5.5*/:#F90;
}
时间： 2024-11-04 19:32:33

CSS Hack代码范例：兼容IE5.0、IE5.5、IE6.0、IE7.0、FF1.5、的相关文章

IE5.0、IE5.5、IE6.0、IE7.0、FF1.5、FF2.0兼容CSS Hack代码范例

css IE7.0简体中文正式版终于发布了,对于我等常和网页打交道的人来说网页兼容性问题也随之而来了.IE7.0有一个显著的改变就是支持!important了,是件好事情,但是也给广大的在IE6时代使用!important来区分处理IE和FF的网页制作者带来了不少问题,Noker也遇到了这个问题,所以翻阅网上资料,写了下面这个能够兼容现今大多数主流浏览器,覆盖绝大多数用户的Hack代码,发布在自己的论坛上,供大家查看,研究,取用.如有相关问题欢迎跟贴探讨,谢谢! 兼容浏览器版本:IE5.0,IE

IE6.0/IE7.0/IE8.0 的CSS-HACK写法与注释

ie6.0/ie7.0/ie8.0. 为了让所写代码在各主流浏览器中正常运行,我们不得不为各种浏览器写对应的样式.本文,博主将为你总结css针对各浏览器的兼容hack(以ie6/ie7/ie8 /ff为主),以及ie特有的条件注释使用方法. 一.通用区分方式: ie系列可识别 9 ; ie6.ie7能识别*,标准浏览器(如ff)不能识别*: ie6能识别*,但不能识别 !important: ie7能识别*,也能识别 !important: ie8能识别,不能识别*,+,_,* 加!import

IE6，IE7，IE8，Firefox兼容的css hack详解

已经发布过关于这CSS兼容的hack的文章不止一篇,可是有太多,都已经失效,再次发布,不想谈什么乱七八糟的理论,直接上实例!如下: IE浏览器都能识别"*" "＼9";标准浏览器(如FF)不能识别"*": IE6能识别"_" "+" "#" "@", 同一属性有两个的只看后者 无论有没有 如果是两句它就能识别"!important"; IE7能识别

css 高度自适应代码与自适应高度css兼容ie,firefox

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>css 高度自适应代码与自适应高度css兼容ie,firefox</title> </head> <style t

important在ie7.0的hack方法

由于ie对!important识别存在bug,而现在大部分网页标准设计师又通过这个bug来兼容ie和ff,但是ie7.0把这个bug给修复了,所以问题又出现了,怎么兼容ie.7.0的同时又能兼容ie6.0和ff? 正所谓"上有政策,下有对策",国外的网页标准设计师通过使用css filter的办法(并不是css hack)来兼容ie7.0,ie6.0和ff,以下x2hu从国外网站的翻译. 新建一个css样式如下 程序代码#item {    width: 200px;    heigh

101个CSS技巧的代码（基础篇）

css|技巧 <!DOCTYPEhtml PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="//www.w3.org/1999/xhtml"><head><title>Chapter 2</title><me

关于!important在ie7.0的hack方法

由于ie对!important识别存在bug,而现在大部分网页标准设计师又通过这个bug来兼容ie和ff,但是ie7.0把这个bug给修复了,所以问题又出现了,怎么兼容ie.7.0的同时又能兼容ie6.0和ff?正所谓"上有政策,下有对策",国外的网页标准设计师通过使用css filter的办法(并不是css hack)来兼容ie7.0,ie6.0和ff,以下为我从国外网站的翻译. 新建一个css样式如下 #item { width: 200px; height: 200px; bac

!important在ie7.0的hack方法_CSS/HTML

由于ie对!important识别存在bug,而现在大部分网页标准设计师又通过这个bug来兼容ie和ff,但是ie7.0把这个bug给修复了,所以问题又出现了,怎么兼容ie.7.0的同时又能兼容ie6.0和ff?正所谓"上有政策,下有对策",国外的网页标准设计师通过使用css filter的办法(并不是css hack)来兼容ie7.0,ie6.0和ff,以下为我从国外网站的翻译. 新建一个css样式如下: #item { width: 200px; height: 200px; ba

转 CSS hack：针对IE6，IE7，firefox显示不同效果

CSS hack:针对IE6,IE7,firefox显示不同效果 做网站时经常会用到,衡量一个DIV+CSS架构师的水平时,这个也很重要. 区别不同浏览器的CSS hack写法: 区别IE6与FF:         background:orange;*background:blue; 区别IE6与IE7:         background:green !important;background:blue; 区别IE7与FF:         background:orange; *back