Question

我正在使用一个附加模态登录表单的WP插件。我正在寻找一种只能淡化背景颜色从透明到rgba（0,0,0.9）的方法，但我希望模态内容直接显示，没有淡入淡出效果。我试过这个：

transition: background-color 2s ease;

但它不起作用。代码如下所示：

HTML

<button>click</button>

CSS

.modal {   
    background-color: rgba(0, 0, 0, 0.9);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    transition: background-color 2s ease;
    width: 100%;
}

JS

$("button").click(function() {
  $("body").append(
  "<div class='modal'>" +
    "<div class='modal-content'>HELLO WORLD!</div>" +
  "</div>");
});

完整代码HERE

我花了几个小时搜索一个有效的解决方案，但没有成功：/任何想法？

Answer 1

我找到了一个有效的解决方案（现在看来很明显：p）：

client.get('mail', function(err, mailIds) {
    // parse the json
    mailIdsArray = JSON.parse(mailIds);
    console.log(mailIdsArray);
});

追加模态：如何淡化背景（父）而不是模态内容（子）

1 个答案: