css3完全向下兼容 |css div向上滚动消失

下面介绍一些CSS3特效的向下兼容方法：

.box{
/*使用渐变色背景*/
background: #f7f7f7; /*老旧浏览器*/
background: linear-gradient(to bottom, #f7f7f7, #e6e6e6); /*现代浏览器*/
}
.box{
/*使用圆角边框*/
border: 1px solid #ccc; /*老旧浏览器*/
border-radius: 5px; /*现代浏览器*/
}
.box{
/*使用文本阴影*/
text-shadow: 1px 1px 1px #999; /*老旧浏览器*/
text-shadow: none; /*现代浏览器*/
}
.box{
/*使用盒子阴影*/
box-shadow: 1px 1px 1px #999; /*老旧浏览器*/
box-shadow: none; /*现代浏览器*/
}
.box{
/*使用透明度*/
filter: alpha(opacity=50); /*老旧浏览器*/
opacity: 0.5; /*现代浏览器*/
}

以上是一些常用的CSS3特效向下兼容方法，在实际开发中可以根据需要进行使用。虽然某些效果在老旧浏览器中会有所差别，但是可以保证在一定程度上保证网站的展示。