来一发CSS3教程:使css3的属性在ie中一般显现

显示全部楼层 · 发表于 2015-1-15 22:58:36

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要登录才可以下载或查看，没有帐号？立即注册

x

你可以轻松地控制页面的布局。
破洛洛文章简介：纯CSS3圆角兼容ie6.

pie使css3的属性在ie中一般显现（纯css3圆角兼容ie6）
明天在群里看到gucong说的，写一下条记。

[成都]gucong(35803719)15:07:19
PIE给我们带来了CSS3属性在IE中的撑持
selectivizr给我们带来了CSS3选择器在IE中的撑持

------------------------------------------------------谢了~哈哈
我先看的pie，以是这篇条记我纪录的pie。
如果没有pie的话，仅仅用css3写得圆角效果，在IE中不兼容。加上pie就能够。

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<title>pie的利用</title>
<styletype="text/css">

body{behavior:url("csshover.htc");}
.test{
color:#fff;
border:1pxsolid#696;
padding:60px0;
text-align:center;
width:200px;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
-webkit-box-shadow:#6660px2px3px;
-moz-box-shadow:#6660px2px3px;
box-shadow:#6660px2px3px;
background:#EEFF99;
background:-webkit-gradient(linear,00,0bottom,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.htc");

}
.test:hover{
cursor:pointer;
border:1pxsolid#696;
padding:60px0;
text-align:center;
width:200px;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
-webkit-box-shadow:#6660px2px3px;
-moz-box-shadow:#6660px2px3px;
box-shadow:#6660px2px3px;
background:#cccccc;
background:-webkit-gradient(linear,00,0bottom,from(#cccccc),to(#ff0000));
background:-webkit-linear-gradient(#cccccc,#ff0000);
background:-moz-linear-gradient(#cccccc,#ff0000);
background:-ms-linear-gradient(#cccccc,#ff0000);
background:-o-linear-gradient(#cccccc,#ff0000);
background:linear-gradient(#cccccc,#ff0000);
-pie-background:linear-gradient(#cccccc,#ff0000);
behavior:url("PIE.htc");}

</head>

<body>

<divclass="test">
碰触变色

</body>
</html>

参考材料http://css3pie.com/
</p>
那么什么是Div+CSS标准？Div+CSS的标准化设计到底有什么好处？

		自动登录	找回密码
密码			立即注册

[DIV+CSS] 来一发CSS3教程:使css3的属性在ie中一般显现

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

相关帖子