css hack 记录

转载 2012年03月21日 12:58:55
 
点评:css hack 记录,做前端开发的朋友可以看下。
   ——IE6—— IE7————IE8——FF2————FF3——— Opera9.5
>property—— Y———— Y———— Y———— N———— N———— N
.property —— Y———— Y———— Y———— N———— N———— N
*property—— Y———— Y———— Y———— N———— N———— N
_property—— Y———— N———— N———— N———— N———— N

color:brown !important; /*用于Opera、Firefox2、Firefox3等现代浏览器*/
>color:green !important; /*IE7、IE8可以识别该规则,因此它覆盖掉了上一条规则*/
color:red; /*所有浏览器都可以识别,但是以上两条规则有!important,所以这条规则被忽视;只有IE6认识并覆盖掉上两条规则*/

区别 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;

浏览器优先级别:FF<IE7<IE6,CSS hack书写顺序一般为FF IE7 IE6

史上最全的CSS hack方式一览

什么是CSS hack 由于不同厂商的流览器或某浏览器的不同版本(如IE6-IE11,Firefox/Safari/Opera/Chrome等),对CSS的支持、解析不一样,导致在不同浏览器的环境中呈...
  • freshlover
  • freshlover
  • 2013年09月28日 15:57
  • 167478

CSS hack大全&详解(什么是CSS hack)

原文:http://www.kwstu.com/Admin/ViewArticle/201409011604277330 CSS hack大全&详解(什么是CSS hack) 1、什么是C...
  • liu_rong_fei
  • liu_rong_fei
  • 2016年06月01日 13:57
  • 471460

css hack全解,最齐全的ie css hack方式讲解

CSS hack分类 CSS Hack大致有3种表现形式,CSS属性前缀法、选择器前缀法以及IE条件注释法(即HTML头部引用if IE)Hack,实际项目中CSS Hack大部分是针对IE浏览器不...
  • kongjiea
  • kongjiea
  • 2015年01月12日 13:23
  • 3761

css hack基础理解

为什么需要css hack: 因为不同厂商的浏览器以及不同的版本对于css的支持和解析结果有不同的差异,并且css的优先级问题都会导致生成的页面效果产生变化,得不到我们想要的效果,css hack的作...
  • ljxydx
  • ljxydx
  • 2017年04月17日 22:48
  • 206

史上最全的CSS hack方式一览(解决IE6-IE11,Firefox/Safari/Opera/Chrome兼容问题)

做前端多年,虽然不是经常需要hack,但是我们经常会遇到各浏览器表现不一致的情况。基于此,某些情况我们会极不情愿的使用这个不太友好的方式来达到大家要求的页面表现。我个人是不太推荐使用hack的,要知道...
  • dayu9216
  • dayu9216
  • 2017年04月18日 10:15
  • 2243

浅谈各种浏览器下的CSS Hack兼容性写法

这篇文章主要介绍了各种浏览器下的CSS Hack兼容性写法,CSS Hack大致可以分为内部Hack和选择器Hack以及HTML头部引用Hack,需要的朋友可以参考下。 由于不同浏览器所遵循的标...
  • Denghejing
  • Denghejing
  • 2016年10月13日 11:09
  • 1531

常用CssHack的写法(IE6-9)以及主流浏览器hack写法

看了此文,还是用标准写法比较好。CSS 与 JS 都如此。 Css Hack div { wid...
  • wide288
  • wide288
  • 2015年09月20日 18:22
  • 670

CSS hack技巧大全

CSS hack技巧大全 ——作者:吴雷君   兼容范围: IE:6.0+,FireFox:2.0+,Opera 10.0+,Sarari 3.0+,Chrome 参考资料: ...
  • xjb19901008
  • xjb19901008
  • 2014年05月25日 00:03
  • 256

css的hack问题-测试记录

今天在被一位资深的前端工程师面谈以后,他提出页面为了兼容各种浏览器,不可避免的要写hack。在近半年的学习以来,接触hack问题微乎其微,对于页面样式的调整一直处于大差不差就过关的状态。hack的效果...
  • Sissi_DoDo_
  • Sissi_DoDo_
  • 2015年09月23日 16:27
  • 165

IE6 常见的CSS解析Bug以及Hack

IE6常见CSS解析Bug及hack 1. 图片间隙   1) div中的图片间隙(该bug出现在IE6及更低版本中)    描述:在div中插入图片时,图片会将div下方撑大三像素。    hack...
  • b1244154318
  • b1244154318
  • 2016年07月16日 17:54
  • 296
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:css hack 记录
举报原因:
原因补充:

(最多只允许输入30个字)