仓酷云
标题:
来一发CSS3教程:使css3的属性在ie中一般显现
[打印本页]
作者:
柔情似水
时间:
2015-1-15 22:58
标题:
来一发CSS3教程:使css3的属性在ie中一般显现
你可以轻松地控制页面的布局。
破洛洛文章简介:纯css3圆角兼容ie6.
登录/注册后可看大图
2012042917292651.png
(23.73 KB, 下载次数: 3)
下载附件
保存到相册
来一发CSS3教程:使css3的属性在ie中一般显现
2015-1-15 22:58 上传
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的标准化设计到底有什么好处?
作者:
若天明
时间:
2015-1-17 20:07
难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心,坚持不懈的决心。在自己无法解决某些问题时,就需要虚心请教别人.
作者:
活着的死人
时间:
2015-1-26 22:27
Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。
作者:
小女巫
时间:
2015-2-5 05:14
HTML技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器)
作者:
深爱那片海
时间:
2015-2-11 06:52
还可以在Dreamweaver常用工具中选择超级链接,完成相应的填写即可。
作者:
再现理想
时间:
2015-3-2 00:28
布局表格、绘制层、制作CSS样式表等,这些内容迷糊了我的视线,真是没想到制作一个精巧别致的网页是如此的困难,可是心有不甘。
作者:
小妖女
时间:
2015-3-11 03:37
Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。
作者:
变相怪杰
时间:
2015-3-17 21:11
在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。
作者:
透明
时间:
2015-3-25 06:50
滚动条)层属性--溢出(visible/hidden/scroll/auto)
欢迎光临 仓酷云 (http://www.ckuyun.com/)
Powered by Discuz! X3.2