让ie6/7/8兼容css3的圆角阴影等特殊效果的方法 PIE1.0.0及placeholder在这些IE下生效的方法

PIE地址：http://css3pie.com/

使用方法1：

#login,#AnnouncementBox {
  border:3px solid #fff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  behavior: url(/Content/pie/pie.htc);
}

注意最后一行：behavior: url(/Content/pie/pie.htc);路径要是相对于网站根目录的路径

使用方法2 ：

jquery方式

<!--[if lt IE 9]>
    <script type="text/javascript" src="/Content/pie/PIE.js"> </script>
<![endif]-->

 

$(function() {
        $(".img-rounded").each(function() {
            PIE.attach(this);
        });
});

 

关于placeholder在IE6/7/8下无法显示的问题

http://www.w3cplus.com/solution/placeholder/placeholder.html

使用方法

<!--[if lt IE 9]>
    <script type="text/javascript" src="http://www.w3cplus.com/solution/placeholder/jquery.placeholder.min.js"></script>
<![endif]-->

$(function() {
        $('input').placeholder()
 });

另：CSS生成器：http://www.css88.com/tool/css3Preview/Box-Shadow.html