ie8怎么添加阴影
1、pie.js介绍这并不是一款jquery的插件,它是一款非常重要JS,它可以解决我们在IE6、IE7、IE8、IE9下css3下的圆角、阴影样式,让页面更漂亮。由于这不允许发外链接,官网自己百度一下吧(pie.js)。到pie.js插件的官网上下载JS
2、兼容ie8阴影方法:1、引用pie.js2、在所要支持的元玟姑岭箫素上的CSS上加上 behavior: url(PIE.htc);注意:1、在本地测试不出效果,需上传到服务器;2、在父容器里CSS里不能用background,否则IE下不能显示!建议下载wampserver软件集成环境,将测试页面放在文件名为“www”下,然后通过wampserver打开测试页面即可!
3、兼容ie8阴影案例:<!DOCTYPE html><html><head> <meta http-equiv="content-type" content="text/html" charset="UTF-8"> <title>css3边框阴影</title> <script type="text/javascript" src="PIE-1.0.0/PIE.js"></script> <style> .div1{ width:200px; height:200px; margin:50px auto; line-height: 200px; text-align: center; background: cadetblue; border:2px solid darkslategray; -moz-box-shadow:10px 10px 30px 10px #9C9C9C; -webkit-box-shadow:10px 10px 30px 10px #9C9C9C; box-shadow:10px 10px 30px 10px #9C9C9C; border-radius: 50%; -moz-border-radius:50%; -webkit-border-radius:50%; behavior: url(PIE-1.0.0/PIE.htc); } </style></head><body><div>边框阴影示例</div></body></html>效果如图: