关于CSS透明度继承问题

墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 600+累计阅读 661平均单平台已同步平台优快云微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网我也要 → 码龄12年

关注

原创最新推荐文章于 2026-06-19 16:00:22 发布 661 阅读 AI 写同款· GEO 优化 ›

详解CSS-opacity子元素继承父元素透明度的解决方法在写项目页面的过程中，遇到子元素继承父元素透明度的问题，查找了好多文档给出的都是第一种方法，这种方法主要解决简单场景的，而对于设置复杂的background时，该方法不再适用。立即下载

css透明度继承问题解决方案：

http://www.cnblogs.com/275095923/archive/2011/12/13/2285657.html

收录于

前端

当前文章被收录于：

前端

2 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

＜Verilog实现除法器＞ Verilog实现牛顿-拉夫逊(Newton-Raphson)除法器阿斯顿阿斯顿啊啊是打发士大夫阅读详情

相关推荐

Windows 11 + AMD 780M 运行 ComfyUI 完整指南：DirectML 实战方案

ComfyUI 是基于 PyTorch 的 Stable Diffusion 可视化工作流工具，其性能高度依赖 GPU 后端支持。在 Windows 平台，传统 CUDA 方案仅适配 NVIDIA 显卡，而 AMD 核显用户长期面临 ROCm 兼容性差、驱动链路断裂等系统级障碍。DirectML 作为微软原生机器学习 API，绕过 ROCm 生态断层，直接对接 DirectX 12 硬件抽象层，成为 RDNA 3 架构（如 Radeon 780M）在 Windows 11 上运行 AI 绘画的最优解。它提供

weixin_30099989的博客 727

挑战CSS难点：解决子元素继承父元素opacity属性的技巧

希望看完文章的你能够带着答案离开。 5017

告别硬件！用Wokwi在线模拟ESP32点灯，5分钟搞定开发环境搭建

本文介绍如何使用Wokwi在线模拟器快速搭建ESP32开发环境，5分钟内完成点灯实验。无需硬件即可体验GPIO控制、PWM调光等核心功能，特别适合物联网开发初学者和快速原型验证。Wokwi的零成本、全功能模拟特性让嵌入式开发变得前所未有的简单高效。

weixin_42567497的博客 495

css 字体透明度继承父级透明度，导致不能正常显示。防止opacity子元素继承方法

给父级盒子设置透明度导致内部文字也存在透明度的问题。

weixin_42017221的博客 457

FPGA以太网接口设计避坑指南：GMII与RGMII时序转换的三种实现方案对比

本文深入解析FPGA以太网接口设计中GMII与RGMII时序转换的三种实现方案，包括Xilinx官方IP核、手工原语逻辑和开源方案gmii_to_rgmii。通过对比分析各方案的优缺点和适用场景，为工程师提供技术选型指南，帮助避免常见设计陷阱，提升高速网络设备开发的效率和可靠性。

weixin_42570484的博客 383

新手必看！华为S5700交换机健康检查清单：从CPU到日志的完整巡检流程

本文为新手网管人员提供华为S5700交换机的健康检查完整指南，涵盖CPU、内存、温度、日志等核心指标的日常维护流程。通过详细的display命令和实用案例，帮助用户快速掌握设备体检技巧，确保交换机稳定运行。

weixin_29251337的博客 237

解决CSS透明度被继承问题

很多时候设计师为体现一定的效果，都会在网页上增加透明效果，如上图效果一样。 #div1{ filter:alpha(opacity:80);opacity:0.8; } css设置透明度很简单，用上面代码就行了，但不知道你有没有发现，#div1下的的所有子元素都跟着透明了，这往往不是设计师想要的效果。之所以这样，我估计是由于css透明样式被子元素继承导致。网上有提到很多的解...

weixin_30776273的博客 242

Sentinel2 哨兵2数据下载方法（USGS）-史上最全讲解

本文讲述了从USGS官网下载Sentinel2的方法。主要包括USGS官网的注册和下载流程，以及选定研究区中所出现的问题、解决办法。

xiatiandexia123的博客 6万+

解决css中透明度继承问题

这个问题感觉遇到的人不多，但是真的是个坑，没想到透明度也有继承性吧！我当时的业务场景是，外层div有个背景图片需要透明，子div还有其他图片，不需要透明。以下是有问题的场景：首先给大家看一下，没有加透明度的样子代码如下：把透明度的注释打开之后，父子都会加上透明度，即使我的子的透明度设置为1 效果如下：解决办法：当时也查找了好几种办法，结合着思考，突然想到了解决...

cuimingjia0524的博客 719

【运动规划算法项目实战】Artificial Potential Field算法（附ROS C++代码）

在机器人行业中，路径规划是一个关键的任务，它涉及到如何让机器人在复杂的环境中安全而高效地移动。人工势场算法（Artificial Potential Field Algorithm）是一种常用的路径规划方法，它借鉴了物理学中的势能概念，通过模拟力的作用来引导机器人的移动。本文将详细介绍人工势场算法的原理、在路径规划中的应用、算法优缺点以及代码实现。人工势场算法基于两种势场：斥力场和引力场。斥力场使机器人远离障碍物，而引力场将机器人吸引到目标位置。

xiewf的博客 1万+

CSS 透明度清除继承

今晚在写自己一个网页游戏的时候，遇到一个问题，就是CSS透明度的继承问题，我先解析下我的问题。假如father设置了透明度，那么child也会继承他的透明度，即使你修改child里面的透明度也不会生效，一位师姐叫我尝试下把透明度调到1以上，但我查了下，透明度是0到100，IE下是0到1之间，所以是行不通的。我上网查了下资料，总

noonnightstorm的专栏 7083

你的小龙虾 OpenClaw 还很笨？快给它装上这几个核心技能（OpenClaw 必装skills整理）

🦞 刚装小龙虾OpenClaw？本文分享一些OpenClaw必装技能，从视觉理解到智能学习，让它从“会聊天”变“会干活” 🚀

XiaoqiangClub的博客 870

css 透明度属性继承问题

-->

吃葡萄要吐葡萄皮 912

WINCC7.3破解文件

WINCC7.3硬件够破解文件，有需要的下载！WINCC7.3硬件够破解文件，有需要的下载！

C# WinForm 基于DirectShow.dll编写的程序，可边预览边保存视频，音频和图片

基于微软的DirectShow.dll的二次开发1.自动识别连接的摄像头跟麦克风且可以对其进行选择（默认选中第一个）2.可录制wmv和avi两种格式的视频并且都带有音频，avi可以录制的分辨率和帧数进行选择，wmv默认进行了淸晰度优化如不喜欢可去除代码中有相关提示3.可在预览点开之后进行拍照，也可边录制视频边拍照4.添加了视频和音频的压缩功能（酌情使用）这次二次开发发现C#对DirectShow的相关信息太少，这次做完也不敢藏私共享出来，还望大家指正

css制作模态框透明度继承问题

使用css来制作模态框一般都是这样想的: 1.先写一个层罩,透明度设为0.5什么的 2.再写主体内容,透明度重新设置为1 但是你会发现,主体内容的透明度没有达到你想要的效果,为什么呢,这就是opacity的继承问题了解决方案有两个: 1.仍然使用透明度来做,但是需要将层罩的定位方式设置为relative,层罩的定位设置为absolute,在按照原本的方式来制作就好了 .out,body,html...

蓝枫秋千的踩坑记录 487

pscad IEEE标准系统搭建说明

pscad IEEE标准系统搭建说明，包含典型的IEEE 9节点、14节点、30节点、39节点和118节点系统。内含标准测试系统的原始数据和潮流结果。

CSS中不透明度继承问题的处理

关于CSS中不透明度的设置，除了兼容方面的问题，还有不透明度继承问题，这里只讨论下后者。那么，什么时候会发生不透明度继承问题？当文档结构中有父子嵌套关系的时候，并且父元素有不透明度属性设置时，会发生不透明度继承问题，此时子元素也继承了父元素的不透明度，并且再另外设置子元素不透明度是无效的（如果父元素没有设置不透明度，子元素的设置是有效的）。下面是相关代码和效果图： CSS部分： ...

weixin_30297281的博客 169

lwip-2.0.3

lwip是瑞典计算机科学院(SICS)的Adam Dunkels 开发的一个小型开源的TCP/IP协议栈。实现的重点是在保持TCP协议主要功能的基础上减少对RAM 的占用。

关于CSS透明度的继承问题

<br /><br />我们都知道用CSS实现透明效果用opacity这个属性（IE的话要用filter）。但是有一点很困扰人的是，使用了这个CSS属性后，其子节点也会自动继承这个属性，而且不能修改。就是说，就算你在子节点使用{opacity:1;}完全不会达到预期的效果，无论图片还是文字都跟着有透明度了。昨天在做新项目的注册页面，最终效果图如下：<br /><br />右边的背景图需要半透明效果，中间部分的主要结构如下：<br /><div class=”main”><br /><div class=”l

quboeric的专栏 3516

解决子元素继承父元素css透明度继承问题

父元素设置透明度使用：background: rgba(0,0,0,.7)

qq_40095973的博客 985

CSS3中的opacity透明度属性的继承问题如何解决

利用CSS3的透明属性opacity可以为我们创建对象的渐隐渐显的动画效果，但是很多情况下这种单一的渐隐渐显效果并不能满足我们的日常开发需求。有时候，我们需要在设置opacity属性的对象里面增加其子集对象，以达到符合我们的要求。但是CSS3的opacity ( 比如：opacity：0.5; )透明度属性具有继承性，当对某个对象设置了opacity透明度属性的时候，其子集元素也会有透明度效果。 ...

weixin_30706507的博客 268

css opacity透明度继承解决方法

css中opacity透明度的继承问题解决（父元素使用opacity，子元素也变透明）今天在项目中发现利用opacity改变透明度的话，会有继承问题，子元素也跟着透明了，那我们应该如何去解决这种情况呢？我用了两种方式：一、父元素不用CSS3来设置透明度，而是设置rgba来设置透明度； <div class="box"> <div class=...

前端初学者常见问题 2315

html父级透明度,详解CSS-opacity子元素继承父元素透明度的解决方法

这篇文章主要介绍了详解CSS-opacity子元素继承父元素透明度的解决方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧在写项目页面的过程中，遇到子元素继承父元素透明度的问题，查找了好多文档给出的都是第一种方法，这种方法主要解决简单场景的，而对于设置复杂的background时，该方法不再适用。分析原因：父元素背景颜色设置透...

weixin_32389427的博客 933

CSS-opacity子元素继承父元素透明度的解决方法

在写项目页面的过程中，遇到子元素继承父元素透明度的问题，查找了好多文档给出的都是第一种方法，这种方法主要解决简单场景的，而对于设置复杂的background时，该方法不再适用。分析原因：父元素背景颜色设置透明度opacity：0.5，子元素会继承，给子元素设置opacity：1，子元素的透明度也是在父元素0.5的基础上设置的。第一种方法：父元素背景颜色设置透明度时，避免使用back...

u011435776的博客 4133

css样式不透明,css属性transparent不透明问题解析

本文章来给各位同学介绍一下关于css属性transparent不透明问题解析,如果你碰到transparent有时候并不是透明的话可参考此方法来解决。透明往往能产生不错的网页视觉效果，先奉上兼容主流浏览器的CSS透明代码: 代码如下复制代码.transparent_class {filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:...

weixin_39607447的博客 1239

Opacity(透明度)继承问题的解决方案

Opacity继承问题的解决方案

Miketutu的博客 600

解决html透明度继承问题

众所周知，css的opactiy属性有继承问题，又有很多人不愿因这一小块代码去浪费资源引用插件：解决办法： -这个代表代表遮罩层--> 设置他们的父元素 position:relative; .zhe1{ position: absolute; top: 0px; left: 0px; width:100%; //相对于其父元素的100%高度同理

q577448354的博客 682

上一篇：红黑树实现

下一篇： nodejs异步

Windows 11 + AMD 780M 运行 ComfyUI 完整指南：DirectML 实战方案