CODEWITHSUNDEEP
javascriptcss
Leo
Leo

Reputation: 977

Fixed notifications overlapping

Is there a simple CSS / JS workaround for fixed notifications?

I have put a JSfiddle together http://jsfiddle.net/Lcq6syLt - as you will see I have two notifications which are fixed, but they are overlapping each other. Is there a way to make them go above each other? and not overlap?

The CSS I am using is: 

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

Upvotes: 0

Views: 440

Answers (1)

Daniel A. White
Daniel A. White

Reputation: 190952

The best thing to do is make a common container and make that fixed instead.

Upvotes: 2

Related Questions