有没有办法交叉淡入相对定位的div(动态高度)?

时间:2018-02-12 03:04:00

标签: javascript jquery html css css3

我要做的就是淡出div 1并同时淡化div 2,相互之间......

这两个div都是相对的并且是垂直堆叠的 - 这些div中的内容也可能不断变化,因此固定的边距,高度等不起作用......

这是一个小提琴:https://jsfiddle.net/jwzwycdm/

我添加了高度:0但它完全杀死了渐变动画:

user

这是我想要达到的确切效果 - 使用绝对定位可以解决问题,但会完全破坏可能低于这两者的任何元素:

https://jsfiddle.net/jwzwycdm/3/

1 个答案:

答案 0 :(得分:1)

您需要将父DIV中的2个DIV嵌套到position:relative。然后制作两个孩子DIV position:absolute。见代码:

https://jsfiddle.net/jwzwycdm/5/