ie7 解决圆角，阴影问题

html

<div class="pie"></div>

 

css

.pie{
    width: 200px; 
    height: 100px;
    line-height: 100px;
    font-size:14px; 
    border: 1px solid #669966;     
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: #666666 0 2px 3px;
    -moz-box-shadow: #666666 0 2px 3px ;
    box-shadow: #666666 0 2px 3px ;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99), to(#66EE33));   
    background: -webkit-linear-gradient(#EEFF99, #66EE33);   
    background: -moz-linear-gradient(#EEFF99, #66EE33); 
    -pie-background: linear-gradient(#EEFF99, #66EE33); 
    behavior: url("css/ie-css3.htc");    
    position:relative;
    z-index:10;
    background-clip: padding-box;

}

ie-css3.htc
百度云盘下载地址：

链接：https://pan.baidu.com/s/1tLYEDaCB6srjDlTpSN2UGw
提取码：zlmf

转载于:https://www.cnblogs.com/quitpoison/p/11495944.html