最近更新
阅读排行
关注本站

CSS之HACK总汇

阅读:2691 次   编辑日期:2013-12-10

目录:

概述:

作为前端,最常用的必然是JS和CSS,说道CSS就会遇到浏览器不兼容的问题,今天我们来说一说CSS的HACK方法。

IE的hack方法:

"_" //只在IE6下生效
"*" //只在IE6/IE7下生效
"\9" //只在IE6/IE7/IE8/IE9/IE10下生效
"\0" //只在 IE8/IE9/IE10下生效
"\9\0" //只在IE9/IE10下生效
	//只在IE6中生效
	.uw3c{
		color:#000;
		_color:#111;
		}
	//只在IE7中生效
	.uw3c{
		color:#000;
		*color:#111;
		_color:#000;
		}
	//只在IE8中生效
	.uw3c{
		color:#000;
		color:#111\0;
		color:#000\9\0;
		}
	//只在IE9,IE10中生效
	.uw3c{
		color:#000;
		color:#111\9\0;
		}

Firefox的hack方法:

	@-moz-document url-prefix() {
		.uw3c{
			color:#111;
			}
	}

Chrome 和 Safari的hack方法:

下面的方法在浏览器中不一定管用,跟浏览器的版本有关,我在有的电脑上可以,有的电脑的上面不可以,大家选择性的使用。
	@medias creen and(-webkit-min-device-pixel-ratio:0){
		.uw3c{
			color:#111;
			}
	}
	或者
	p{ color:#000;}
	body:nth-of-type(1) p {
	color: #f00;
	}
将本篇文章分享到:
top