jquery - 如何使用包装 div 更改不透明度为 1 的内部 div 的颜色

标签 jquery html css

如何使用包装 div 更改不透明度为 1 的内部 div 的颜色?

如果不透明度为 0,我可以使用背景颜色实现此目的,但是一旦将不透明度设置为 1,它就不起作用了。我明白为什么会这样,但不确定如何解决。

<div id="div2" style="height:100px;width:100px;border:1px solid #ccc">
  <div id= "div1"  style="height:100px;width:100px;border:1px solid #ccc; background-color:rgba(255, 255, 255,1) "></div>
</div>
$("#div2").css("background-color", 'rgba(235, 235, 228,1)')

我无法控制不透明度为 1 的内部 div,但我想在需要时为内部 div 提供此 (rgb(235, 235, 228)) 颜色(禁用外观)。我试图用包装器来实现。

最佳答案

a) 寻址 div2 中的 div (div1):

$("#div2 div").css( … )

b) 或直接寻址 div1:

$("#div1").css( … )

关于jquery - 如何使用包装 div 更改不透明度为 1 的内部 div 的颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57536315/

相关文章:

javascript - 对象数组按元素分组?

html - 编码 flex 阴影框以实现跨浏览器兼容性的最佳方法

html - 编码 <ul> <li> 菜单以适应主 <div>

css - SCSS : Group output by media queries

推送前的javascript条件?

javascript - 如何使用 jQuery 获取 <a> 标签中的 href 值

javascript - 如何使用 Jquery 修复游戏中自动生成的食物

javascript - 我们如何使用 php mysql 给已经存在的电子邮件 ID?

html - Excel VBA 抓取 - HTML 表格不可见

c# - 通过代码隐藏在 div 中的图像