margin-top负值时与transition的相互影响

首先有两块div，top和body，body部分有一个margin-top: -30px;，这时body会遮挡一部分的top，而且两块div这时是上下结构不需要加定位和z-indx，页面显示效果如下：

image.png

为top增加

transition: opacity 1s;

时发现了一个问题，当opactiy由0到1的时候，会遮挡body上面的圆角部分

image.png

最后解决办法是给body增加

position: relative;

解决了此问题。