设置为不透明度？

Question

有没有办法改变它？我尝试将toastClass定义为一个不透明度设置为1的类,但没有看到任何更改:

.toast-style{
   opacity: 1;
}

toastr.options.toastClass = 'toast-style';

Answer 1

这不需要JavaScript.您应该可以使用其中任何一个在CSS中更改此设置

#toast-container > div {
    opacity:1;
}

要么

.toast {
    opacity: 1 !important;
}

大多数情况下的好方法.但是,是否可以在每个Toast-message的基础上执行此操作？想象一下,页面上"toastr"调用的大多数用法都是精确的transluscent - 但如果用户做了那个特别的事情,我们想要大声展示并自豪(不透明)并等待它们关闭它. (3认同)
`!important`几乎总是邪恶的 (3认同)
请注意，如果使用第二个选项（.toast），您将失去淡入淡出效果！解决方案是代码的第一部分，但是如果您无法使用它来覆盖默认库 css 优先级，我建议您执行类似 body #toast-container > div { opacity: 1; 之类的操作。这应该允许您保持淡入淡出效果并保持明亮的闪亮通知。 (2认同)

Answer 2

#toast-container > div {
   opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
}