您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

如何取消子元素的不透明度?

如何取消子元素的不透明度?

如果孩子的不透明度为1,则孩子的不透明度将始终是父对象的不透明度。

继承不是问题,而是不透明度的计算方式。

例如,

<div id="parent">
    <div></div>
</div>

<div id="original">
</div>

<div id="quarter">
</div>

#parent div, #quarter {
    width: 100px;
    height: 100px;
    background-color: orange;
}

#parent div {
    opacity: 0.5;
}

#parent {
    opacity: 0.5;
}

#quarter {
    opacity: 0.25;
}

#quarter从您的角度来看,的不透明度与的不透明度相同#parent div,但实际上#parent div是的不透明度的两倍#quarter

避免这种情况的唯一方法是将孩子移出父母。另外,根据您的需要,也可以将rgba颜色用作父级的背景/边框/字体颜色,而不是不透明度,但是效果与应用不透明度不同。

其他 2022/1/1 18:14:47 有724人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶