不同行为离子模态背景不透明度

马克·文斯特拉

我们刚刚从Ionic beta 14升级到Ionic 1.0.0版本。升级后,我们还有一个无法解决的问题。

我添加了2个CodePens来显示此问题,它们是:

1.0.0-beta.14http//codepen.io/anon/pen/LVxxzM

1.0.0http//codepen.io/anon/pen/rVjjYJ

<ion-modal-view style="width: 50%;">

如果您查看1.0.0-beta.14 CodePen并通过单击右上角的按钮打开模式,并使浏览器视图小于680px,您将看到模式周围仍然有深色背景。

使用1.0.0 CodePen进行相同的操作,您将看到深色背景颜色消失了。任何想法如何解决这一问题?

用户名

将以下内容添加到您的CSS中:

@media (max-width: 680px) {
    .active .modal-backdrop-bg {
    opacity: .5;
    transition: opacity 300ms ease-in-out;
    background-color: #000;
    }
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Sass的背景不透明度没有RGBA

来自分类Dev

背景图像不透明度问题

来自分类Dev

jQuery设置CSS背景不透明度

来自分类Dev

Textmate2中背景的不透明度

来自分类Dev

按钮的不透明度/透明度

来自分类Dev

减少形式的不透明度

来自分类Dev

增加悬停时的透明背景不透明度?

来自分类Dev

CSS按钮文本和按钮背景不同的不透明度

来自分类Dev

Firefox hr不透明度显示不同

来自分类Dev

JavaScript div以不同的不透明度级别淡入

来自分类Dev

使用CSS更改背景不透明度

来自分类Dev

Android中Edittext背景不透明度的问题

来自分类Dev

不同行为离子模态背景不透明度

来自分类Dev

CSS线性不透明度

来自分类Dev

Tkinter按钮不透明度

来自分类Dev

背景图片的不透明度

来自分类Dev

覆盖div的不透明度

来自分类Dev

依次更改背景不透明度(alpha级别)

来自分类Dev

设置TextView的不透明度

来自分类Dev

Elementor视频不透明度

来自分类Dev

离子输入禁用的不透明度

来自分类Dev

如何随着时间改变背景不透明度?

来自分类Dev

背景图像不透明度问题

来自分类Dev

更改背景不透明度以保留文本

来自分类Dev

Photoshop不透明度与文字不同

来自分类Dev

设置窗口图像背景的不透明度属性

来自分类Dev

CSS背景不透明度-意外结果

来自分类Dev

div内的背景不透明度div

来自分类Dev

影响子文本的背景不透明度