我有一个包含渐变的框中的项目列表。我需要底部项目淡出到框的底部，顶部项目淡出到框顶部（滚动时），但顶部和底部项目在全视图中，如果它们是第一个和最后一个元素分别。
有没有人知道如何用CSS或其他方法完成这样的事情？
我尝试创建一个简单的透明蒙版，但无法找到以这种方式处理第一个和最后一个元素的好方法。是调整边框的唯一解决方案，以便这些元素不会受到掩码的影响，例如扩展滚动，以便列表的末尾将第一个/最后一个元素放在掩码之外？
建议？
.fadetop {
position: absolute;
height: 13px;
width: 90%;
z-index: 99;
top:0;
left: 0;
background: url("/img/fadeout.png");
}
对不起，你去了。大致我已经尝试过了。如果您需要查看它的外观，我可以将该站点启动到我的开发域。
更新：http://puu.sh/24DtC - 用于可视化目的。