CSS3的一些特新在IE6中的实现--PIE（progressive internet explorer）

最新推荐文章于 2021-09-12 17:25:13 发布

花开鸟儿来

最新推荐文章于 2021-09-12 17:25:13 发布

阅读量941

点赞数

分类专栏： web design 文章标签： HTML IE6 css3 PIE

web design 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

progressive internet explore

PIE makes Internet Explorer 6-9 capable of rendering several of the most useful CSS3 decoration features.

PIE使得一些CSS3的特性在IE6—9中得到渲染。

例子：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src=""></script>
<style type="text/css">
	
	#myAwesomeElement {
		border: 1px solid #696;
		padding: 60px 0;
		text-align: center; width: 200px;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		-webkit-box-shadow: #666 0px 2px 3px;
		-moz-box-shadow: #666 0px 2px 3px;
		box-shadow: #666 0px 2px 3px; 
		background: #EEFF99;
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99), to(#66EE33));
		background: -webkit-linear-gradient(#EEFF99, #66EE33);
		background: -moz-linear-gradient(#EEFF99, #66EE33);
		background: -ms-linear-gradient(#EEFF99, #66EE33);
		background: -o-linear-gradient(#EEFF99, #66EE33);
		background: linear-gradient(#EEFF99, #66EE33);
		-pie-background: linear-gradient(#EEFF99, #66EE33);
		
	    behavior: url(PIE-1.0.0/PIE.htc);
	}
</style>
</head>
<body>
<div id="myAwesomeElement">PIE</div>
</body>
</html>

效果：