Question

我是网页设计的新手。我正在尝试实现此代码，但只有一种样式工作请帮我纠正此代码。我怎么能实现这两种风格？

// Get the sign_up model winow
var modal = document.getElementById('id01');

// Get the contents from the container 
var content = document.getElementById('container');

// When the user clicks anywhere outside of the modal, close the model and set the container contents blur to "0"
window.onclick = function(event) {
    if (event.target == modal) {
        modal.style.display = "none";
        content.style.filter = "blur(0)";
    }
}

Answer 1

您的解决方案100％有效。我相信，你唯一的问题是，blur(0)实际上消除了你的模糊（这是你真正想要达到的目标吗？）。

我尝试了它并且它有效...在控制台上也可以看到DOM。你会看到，风格是属性应用的。

在我的小提琴中，我为blur()添加了正值以实际看到效果

https://jsfiddle.net/9tqfcyf6/

如果javascript中的条件，两个样式在一个内部更改

1 个答案: