我试图演示CSS3PIE,它不会在IE中工作。
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <Meta http-equiv="content-type" content="text/html; charset=windows-1250"> <link href="test.css" type="text/css" rel="stylesheet"> <title>Test</title> </head> <body> <div id="title"></div> <div id="sub_title"></div> <div id="main_area"> <div id="date_area"></div> </div> </body> </html>
CSS:
body{ margin: 0 auto; } #title{ margin: 0 auto; width: 100%; height: 40px; background-color: white; } #sub_title{ margin: 0 auto; width: 100%; height: 25px; background-color: green; } #date_area{ width: 310px; height: 250px; border: 1px solid #4A4949; padding: 60px 0; text-align: center; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-Box-shadow: #707070 2px 2px 4px; -moz-Box-shadow: #707070 2px 2px 4px; Box-shadow: #707070 2px 2px 4px; background: #EBEBEB; background: -webkit-gradient(linear,0 0,0 bottom,from(#EDEBEB),to(#C9C7C8)); background: -moz-linear-gradient(#EDEBEB,#C9C7C8); background: linear-gradient(#EDEBEB,#C9C7C8); -pie-background: linear-gradient(#EDEBEB,#C9C7C8); behavior: url(/PIE.htc); }
结果只是一个边框,没有渐变/阴影等
任何帮助/解决方案将不胜感激。
解决方法
原文地址:https://www.jb51.cc/html/233063.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。