站长资源网页制作
针对chrome的css hack 使用方法
简介我在用chrome和FF显示我的html文件的时候,发现它们的结果有所出入,我先不管是什么原因造成的,先hack一下再说,可是以前用过的css hack 都是针对ie,ff,opera,这个chrome和ff该怎么区分呢?试了几个ie,ff的hack方法,都不行,上网搜索,看到很多人说可以用 @m
我在用chrome和FF显示我的html文件的时候,发现它们的结果有所出入,我先不管是什么原因造成的,先hack一下再说,可是以前用过的css hack 都是针对ie,ff,opera,这个chrome和ff该怎么区分呢?试了几个ie,ff的hack方法,都不行,上网搜索,看到很多人说可以用
@media screen and (-webkit-min-device-pixel-ratio:0) { body { background-color: blue; }来进行chrome 和ff的css hack,可是我用了没有效果,最后看到一位仁兄的方法很管用,就是使用:
body:nth-of-type(1) a {
color:red;
}
body:nth-of-type(1)这句是选择第一个body元素。 据说safari和chrome的内核是一样的。目前只有safari 3+ 和 chrome浏览器支持这种选择方式,所以可用来做它们的hack;
@media screen and (-webkit-min-device-pixel-ratio:0) { body { background-color: blue; }来进行chrome 和ff的css hack,可是我用了没有效果,最后看到一位仁兄的方法很管用,就是使用:
body:nth-of-type(1) a {
color:red;
}
body:nth-of-type(1)这句是选择第一个body元素。 据说safari和chrome的内核是一样的。目前只有safari 3+ 和 chrome浏览器支持这种选择方式,所以可用来做它们的hack;