css3 pipe

xiaoxiao2021-02-28  97

下载

该项目详尽原始的下载资源在这里:http://github.com/lojjic/PIE/downloads

官方下载频道http://css3pie.com/download/

压缩包里的htc文件和js文件要放在同一个目录,

. red { background : red ; /* 圆角 */ border-radius : 50 % ; behavior : url ( js/pie.htc );/* 引入这个文件就ok了 */ border : 12 px solid # adf ; /* 阴影 */ box-shadow : 1 px 5 px 20 px 5 px gray ; /* 渐变 */ background : -webkit-gradient ( linear , 0 0 , 0 bottom , from (# 9F9 ), to (# 393 )); background : -moz-linear-gradient (# 9F9 , # 393 ); -pie-background : linear-gradient (# 9F9 , # 393 ); } 以下是网络摘抄,未曾测试

1、behavior的url里一定要填写htc文件的路径(不管你用的是pie插件还是别的htc文件),因为 IE浏览器找该文件是相对当前html文件路径来找的,所以对于Wordpress等动态程序生成的页面一定要填写路径。

2、一定要有定位属性:position:relative;

3、因为在IE浏览器下这些CSS3效果的实现是要借助于VML,由VML绘制圆角或是投影效果,所以还需要一个z-index属性。z-index属性最好设置得比较大,如2。

4、如果在IE浏览器下某些模块无法用此渲染,可以试着绝对定位相应的层,即加上“ width: 400px; height:400px;”属性。

更多属性支持见官网咯

更多css3支持见:http://www.zhangxinxu.com/wordpress/2010/07/pie使ie支持css3圆角盒阴影与渐变渲染/

转载请注明原文地址: https://www.6miu.com/read-60811.html

最新回复(0)