Question

我正在使用div，其中包含子div，我需要禁用该色并将其显示为父div以及所有子div的灰色。我尝试使用CSS属性opacity，但没有为此设置背景色。请帮我禁用和显示灰色。

我尝试过：

<div id="rtcontainer" load-complete data-ng-cloak=""
                style="left: 0px; top: 4px; width: 315px; height: auto; float: left; position: relative;">
<div><table><thead><tr><th></th></tr></thead></table></div>
<div><table></table></div>
</div>

我使用了这种风格：

  <style>
        .disabledbutton {
    pointer-events: none;
    opacity: 0.1;   
}
    </style>

jQuery：

  $("#rtcontainer").addClass("disabledbutton");

我可以禁用，但是我需要将背景颜色设置为灰色。

谢谢

Answer 1

将background-color:gray放入样式

$(document).ready(function(){
 $("#rtcontainer").addClass("disabledbutton");
})

  
        .disabledbutton {
    pointer-events: none;
    opacity: 0.3;   
    background-color:gray
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="rtcontainer">aa
<div><table><thead><tr><th></th></tr></thead></table></div>
<div><table></table></div>
</div>

Answer 2

ApplicationContext

@Autowired

尝试一下。

Answer 3

放入background-color:gray，然后在#rtcontainer中使用css作为选择器。

#rtcontainer {
    pointer-events: none;
    opacity: 0.3;   
    background-color:gray
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="rtcontainer">aa
<div><table><thead><tr><th></th></tr></thead></table></div>
<div><table></table></div>
</div>

在jQuery中禁用具有背景颜色的div

3 个答案: