我有两个DIV,一个在另一个.
<div class="outside">
<div class="inside"></div>
</div>
外部div的填充为20px.内部div有很多内容,并且可以滚动.
滚动时是否可以使用CSS3的gradient(alpha?)功能使内部div的顶部和底部淡入外部div?
还是我必须使用透明的背景图像来实现这一目标?
最佳答案
我不这么认为.我以为您也许可以用嵌入的盒子阴影来做到这一点,但我不认为这是您所追求的效果:
body,.outside {
background:#fff;
}
.inside {
background:#ccf;
box-shadow:0 -20px 20px 0px #fff inset; -moz-box-shadow:0 -20px 20px 0px #fff inset; -webkit-box-shadow:0 -20px 20px 0px #fff inset;
height:100px;
overflow:auto;
width:200px;
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。