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哟。