javascript - 固定通知重叠

标签 javascript css

固定通知是否有简单的 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;
}

最佳答案

最好的办法是制作一个通用容器并将其固定。

关于javascript - 固定通知重叠,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28767459/

相关文章:

javascript - 修复面包屑的响应性

css - 如何将元素置于屏幕中央(无导航栏)

javascript - 如何从移动网页打开 Whatsapp 聊天?

javascript - 存储用户与页面的交互

javascript - 获取不在第二个、第三个数组中的项目 - JS

html - 打开 Sans Condensed Light 在 Firefox 中不起作用

javascript - 使用转换 :translate on parent 时固定元素出现问题

没有框架的javascript ajax请求

javascript - jQuery - 给定父窗口同一​​域中的 iFrame 对话框,如何从父窗口中删除项目

css - 如何快速判断页面上使用了 CSS 文件的哪些部分?