我想淡出两个单独的div的顶部和底部。
现在我正在尝试在顶部使用位置:绝对和顶部:1px,在底部使用底部:1px。对我不起作用,使用父div?这导致他们出现在错误的地方。
这把小提琴显示了我在哪里:
http://jsfiddle.net/mstefanko/23mfk/
我想要的是每个div的顶部和底部在小提琴中展示淡入淡出。
你的.inner-1
和.inner-2
都有绝对定位的元素。这些元素相对于视口而不是其父级进行定位。您需要将.inner-1
和.inner-2
设置为相对位置:
.inner-1,
.inner-2 {
position: relative;
}
这将导致渐变元素出现在这些容器的顶部和底部。
演示:http://jsfiddle.net/23mfk/1/