csshack怎么写

1.关于CSS hack的写法

我来给您解答~

<style>

#example{color:red ;}/*firefox*/

* html #example{color:blue;}/*ie6*/

*+html #example{color:green;}/*ie7*/

#example{color:yellow\0;}/*ie8*/

</style>

或者简写成

#example{border:1px solid red;+ border:1px solid green;_border:1px solid blue;border:1px solid yellow\0;}

还可简写成

#example{border:1px solid red!important;*border:1px solid green;border:1px solid yellow\0；}/*这样写是指，FF和IE是一样的效果 取red,iIE取green,I8取yellow ，如果不加！important，只有FF取red,ie6和ie7取green,IE8取yellow*/

2.所说的CSS hack 到底怎么写啊

什么是CSS hack( )由于不同的浏览器，比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等，对CSS的解析认识不一样，因此会导致生成的页面效果不一样，得不到我们所需要的页面效果。

这个时候我们就需要针对不同的浏览器去写不同的CSS，让它能够同时兼容不同的浏览器，能在不同的浏览器中也能得到我们想要的页面效果。 这个针对不同的浏览器写不同的CSS code的过程，就叫CSS hack，也叫写CSS hack。

CSS Hack的原理是什么 由于不同的浏览器对CSS的支持及解析结果不一样，还由于CSS中的优先级的关系。我们就可以根据这个来针对不同的浏览器来写不同的CSS。

比如 IE6能识别下划线"_"和星号" * "，IE7能识别星号" * "，但不能识别下划线"_"，而firefox两个都不能认识。等等 书写顺序，一般是将识别能力强的浏览器的CSS写在后面。

下面如何写里面说得更详细些。 如何写CSS Hack 比如要分辨IE6和firefox两种浏览器，可以这样写： <style> div{ background:green; /* for firefox */ *background:red; /* for IE6 */ } </style> 我在IE6中看到是红色的，在firefox中看到是绿色的。

解释一下： 上面的css在firefox中，它是认识不了后面的那个带星号的东东是什么的，于是将它过滤掉，不予理睬，解析得到的结果是：div{background:green}，于是理所当然这个div的背景是绿色的。 在IE6中呢，它两个background都能识别出来，它解析得到的结果是：div{background:green;background:red；}，于是根据优先级别，处在后面的red的优先级高，于是当然这个div的背景颜色就是红色的了。

CSS hack：区分IE6,IE7,firefox 区别不同浏览器，CSS hack写法： 区别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;_background:blue; background:orange;*background:green !important;*background:blue； 注：IE都能识别*；标准浏览器（如FF）不能识别*； IE6能识别*，某些情况下不能识别 ！important, ----------------------------------------------------------------------------------------------- IE6支持重定义中的！important，例如： .yuanxin {color:#e00!important;} .yuanxin {color:#000；} 你将会发现定义了样式class="yuanxin"时，在IE下，字体显示为红色（#e00）。 但不支持同一定义中的！important。

例如： .yuanxin {color:#e00!important;color:#000} 此时在IE6下不支持，你将会发现定义了样式class="yuanxin"时，字体显示为黑色（#000）。 ----------------------------------------------------------------------------------------------- IE7能识别*，也能识别！important; FF不能识别*，但能识别！important; IE6 IE7 FF * √ √ * ！important * √ √ 浏览器优先级别：FF

3.css常见的hack方法有哪些

CSS Hack大致有3种表现形式，CSS属性前缀法、选择器前缀法以及IE条件注释法（即HTML头部引用if IE）Hack，实际项目中CSS Hack大部分是针对IE浏览器不同版本之间的表现差异而引入的。

属性前缀法（即类内部Hack）：例如 IE6能识别下划线"_"和星号" * "，IE7能识别星号" * "，但不能识别下划线"_"，IE6~IE10都认识"\9"，但firefox前述三个都不能认识。 选择器前缀法（即选择器Hack）：例如 IE6能识别*html .class{},IE7能识别*+html .class{}或者*：first-child+html .class{}。

IE条件注释法（即HTML条件注释Hack）：针对所有IE（注：IE10+已经不再支持条件注释）： IE浏览器显示的内容 ，针对IE6及以下版本： 只在IE6-显示的内容 。这类Hack不仅对CSS生效，对写在判断语句里面的所有代码都会生效。

具体不展开，可看资料搜索“史上最全的CSS hack方式一览”。

4.CSS Hack 是什么意思

CSS hack由于不同厂商的浏览器，比如Internet Explorer,Safari,Mozilla Firefox,Chrome等，或者是同一厂商的浏览器的不同版本，如IE6和IE7，对CSS的解析认识不完全一样，因此会导致生成的页面效果不一样，得不到我们所需要的页面效果。 这个时候我们就需要针对不同的浏览器去写不同的CSS，让它能够同时兼容不同的浏览器，能在不同的浏览器中也能得到我们想要的页面效果。

简单的说，CSS hack的目的就是使你的CSS代码兼容不同的浏览器。当然，我们也可以反过来利用CSS hack为不同版本的浏览器定制编写不同的CSS效果。

CSS Hack大致有3种表现形式，CSS类内部Hack、选择器Hack以及HTML头部引用（if IE）Hack,CSS Hack主要针对类内部Hack：比如 IE6能识别下划线"_"和星号" * "，IE7能识别星号" * "，但不能识别下划线"_"，而firefox两个都不能认识。等等

5.CSS HACK什么意思,代表什么啊

什么是CSS hack( )由于不同的浏览器，比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等，对CSS的解析认识不一样，因此会导致生成的页面效果不一样，得不到我们所需要的页面效果。

这个时候我们就需要针对不同的浏览器去写不同的CSS，让它能够同时兼容不同的浏览器，能在不同的浏览器中也能得到我们想要的页面效果。 这个针对不同的浏览器写不同的CSS code的过程，就叫CSS hack，也叫写CSS hack。

CSS Hack的原理是什么 由于不同的浏览器对CSS的支持及解析结果不一样，还由于CSS中的优先级的关系。我们就可以根据这个来针对不同的浏览器来写不同的CSS。

比如 IE6能识别下划线"_"和星号" * "，IE7能识别星号" * "，但不能识别下划线"_"，而firefox两个都不能认识。等等 书写顺序，一般是将识别能力强的浏览器的CSS写在后面。

下面如何写里面说得更详细些。 如何写CSS Hack 比如要分辨IE6和firefox两种浏览器，可以这样写： div{ background:green; /* for firefox */ *background:red; /* for IE6 */ } 我在IE6中看到是红色的，在firefox中看到是绿色的。

解释一下： 上面的css在firefox中，它是认识不了后面的那个带星号的东东是什么的，于是将它过滤掉，不予理睬，解析得到的结果是：div{background:green}，于是理所当然这个div的背景是绿色的。 在IE6中呢，它两个background都能识别出来，它解析得到的结果是：div{background:green;background:red；}，于是根据优先级别，处在后面的red的优先级高，于是当然这个div的背景颜色就是红色的了。

CSS hack：区分IE6,IE7,firefox 区别不同浏览器，CSS hack写法： 区别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;_background:blue; background:orange;*background:green !important;*background:blue； 注：IE都能识别*；标准浏览器（如FF）不能识别*； IE6能识别*，但不能识别 ！important, IE7能识别*，也能识别！important; FF不能识别*，但能识别！important; IE6 IE7 FF * √ √ * ！important * √ √ 浏览器优先级别：FF/ 玩转CSS - CSSPLAY中文官方网站 一个致力于中国CSS技术的公益组织。

6.如何写CSS hack,如何解决浏览器兼容问题

建议你用！inprotant，我的hack都是用的这个，！important在E6中是不识别的，而在其他浏览器中能提高优先级。给你个实例：

#why{width:200px; width:195px!important；。。。.}在这里面后面的width被加了个！important，提高了优先级，除IE6及以下版本外的其他浏览器能识别，根据后置优先原则，在除IE6及以下版本外的其他浏览器中，width被解释成195px；而在IE中则解释成200px；同理可以解决其他部分问题。希望对你有用！

转载请注明出处育才学习网 » csshack怎么写