Twitter bootstrap “为什么？”；不透明度：0“；被解释为；显示：无！“重要”吗；？

我希望能够使用class

单击一个元素。取消
并转换为隐藏我的模式。但是，这种转换没有发生，因为当我使用Chrome浏览器检查页面时，
opacity
属性没有显示，而是显示
display:none！重要信息
将显示。如果我将inspector中的CSS调整为
不透明度：0
（如我所愿），则转换工作正常

我想知道为什么
不透明度被
显示：无所取代！重要信息
。相关代码片段如下所示：

.hidden {
    opacity: 0;
}
.modal-edit {
    position: fixed;
    width: 600px;
    height: 500px;
    top: 100px;
    right: 0;
    bottom: 0;
    left: 340px;
    background: white;
    border: solid 2px gray;
    padding-bottom: 10px;
    overflow-y: scroll;
    /*-webkit-transition: opacity 2s;*/
    transition: opacity 1s linear;
}

我还将引导程序包括在我的项目中，以备不时之需：

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">


当您添加
类时，引导css会添加一些。隐藏的
：

.hidden {
  display: none !important;
  visibility: hidden !important;
}

因此，这似乎与您的不透明度规范无关。尝试对不透明度使用不同的类选择器
请记住，使用
不透明度隐藏元素不会将其从文档中删除。i、 e.您将无法选择透明元素下的文本/单击链接。您需要以某种方式移动模式，在转换发生后使用
display:none
，或者在隐藏时使用模式。转换发生后，您将如何添加
display:none
？这是jQuery处理的事情，还是可以在CSS中处理？谢谢，这就是问题所在！