修复了重叠的通知

Question

是否有针对固定通知的简单CSS / JS解决方法？

我已将JSfiddle放在一起http://jsfiddle.net/Lcq6syLt - 正如您将看到我有两个已修复的通知，但它们相互重叠。有没有办法让它们超越对方？并没有重叠？

我使用的CSS是：

div.notification.fixed {
    width: 300px;
    max-width: 300px;
    position: fixed;
    bottom: 0; right: 10px;
    z-index: 1000;
    opacity: 0.9;
}

Answer 1

最好的办法是制作一个普通的容器，然后修复它。