CSS中如何设置父元素透明度不影响子元素透明度
2024-08-29 22:20:23
原因分析： 使用css的opcity属性改变某个元素的透明度，但是其元素下的子元素的透明度也会被改变，即便重定义也没有用，不过有个方法可以实现，大家可以看看。
可以使用一张透明的图片做背景可以达成效果，但是有没有更简单的方法呢？使用 RGBA。
例如：
设置父元素opacity：0.5，子元素不设置opacity，子元素会受到父元素opacity的影响，也会有0.5的透明度。
即使设置子元素opacity：1，子元素的opacity：1也是在父元素的opacity：0.5的基础上设置的，因此子元素的opacity还是0.5。
解决方法：为父元素设置background: rgba(0,0,0,0.5)。
最新文章
- Android笔记——AsyncTask介绍
- 淘宝TOP之API测试
- 【插件开发】—— 1 Eclipse插件开发导盲
- windows下安装redis以及简单的事例
- android测试参考,及CreateProcess failure, error问题解决
- Wireshark技巧-过滤规则和显示规则
- 《Dive into Python》Chapter 4 笔记
- 最受欢迎的ASP.NET的CMS下载
- DX 的.x 文件
- splice从数组中删除指定定数据
- angularJS中如何写自定义指令
- Android开发 更改返回button的图标
- Delphi XE7 发布时间
- SQL AlawaysOn 之三：SQL服务器加入域
- Python之路-Linux命令基础（1）
- 进程间通信系列 之 socket套接字实例
- SqlServer中的事务隔离级别、锁机制
- HP 1010、 1020、 1022 、M1005激光打印机内部无卡纸，但机器仍提示卡纸？
- js动态改变setInterval的时间
- 如何限制指定textFiled第三方输入法切换