首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

CSS的Hack大收集

2013-09-07 
CSS的Hack大搜集  Hack在CSS的编写中是经常被用到的一种技术。之所以出现了Hack,是因为各个浏览器的解析有

CSS的Hack大搜集

  Hack在CSS的编写中是经常被用到的一种技术。之所以出现了Hack,是因为各个浏览器的解析有专属于自己的写法的。这也是CSS的神奇之处之一。不过,Hack虽然是如此的好用,作为前端写代码的我们来说,用它绝对是快准狠的解决了问题,但是不太推荐大家用Hack。

  Hack的技术是针对不同浏览器写不同的样式,让浏览器达到不同的渲染效果。实现每个浏览器不同的渲染效果,可以用条件样式,也可以用Hack。下面就是我收集的一些Hack的各种方法。

  1、Firefox

div {height:30px;background: blue;}/*现代浏览器*/.non-ie div {background: red;}/*除IE外浏览器*/.ie9 div {background: yellow;}/*IE9浏览器*/.ie8 div{background: green;}/*IE8浏览器*/.ie7 div {background: orange;}/*IE7浏览器*/.ie6 div {background: lime;}/*IE6浏览器*/@media all and (min-width: 0px){ div {background:black;} /* webkit and opera */}@media screen and (-webkit-min-device-pixel-ratio:0){ div{background:#369;}/* webkit */}@-moz-document url-prefix(){ div{background:#963;}/* firefox * /} 


  以上就是我所收集并整理的有关CSS的Hack的一些小技巧,希望能对大家有所帮助,能为大家解燃眉之急。不在万不得已的时候,大家还是不要用Hack哟。




1楼mynote昨天 11:14
写得太好了。

热点排行