html中设置父div的透明度不影响子div透明度

最新推荐文章于 2024-04-26 19:17:54 发布
最新推荐文章于 2024-04-26 19:17:54 发布
阅读量1.1w 收藏 5
点赞数 7
分类专栏： h5 文章标签： html 父div 子div 半透明
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/niulijieniu/article/details/51691155
版权
在设置div的透明度的时候发现设置了父div的透明度（opacity=0.5），子div的透明度也随着改变了，并且设置子div的透明度不起作用，这种情况下可以使用rgba来设置父div的透明度：例如设置div黑色半透明，可以设置div的background:rgba(0,0,0,0.5)
niulijieniu
关注
  • 7
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
onclick事件实现div的隐藏和显示
03-01
博文链接：https://qsfwy.iteye.com/blog/219184
HTMl、js中设置div的透明度(非常实用)、div居中
10-16
非常实用的页面制作，用于设置div的透明度，以及div在页面左右居中
Css 将某div设置为透明，但其子元素不透明
u012632105的博客
09-03 1964
来设置元素的透明度，但它会影响到元素的所有子元素。首先，将父元素的背景颜色设置为rgba格式，其中a表示透明度。然后，将子元素的背景颜色设置为不透明的颜色即可。这样，只会让父元素的背景透明，而不会影响到子元素。可以使用css中的属性。
CSS中设置透明度的2个属性：opacity，RGBA以及它们的区别
最新发布
u013179804的博客
04-26 1146
透明度在网页设计中扮演着重要的角色，透明度的合理运用可以提升网页设计的美感和功能性，增强用户体验，突出重点内容，同时也为设计师提供了更多的创作空间和可能性。那我们一起来看看吧。
css 只改变父元素的透明度，不改变子元素透明度rgba+opacity
weixin_34306676的博客
08-27 221
给元素加透明度时，通常写法为：opacity:0.5,filter:alpha(opacity=50); 我们通常也会遇到，在给父元素背景设置透明度时，子元素内容继承了父元素的透明度。 如何让子元素脱离父元素的透明度？有如下几种方法： 1.父元素div，直接使用透明度的图片做背景。 2.父元素div（设置为相对定位），兄弟div1（设置为绝对定位）背景正常加透明度即可，兄弟div2（设置为...
父div的透明度不影响子div透明度
weixin_30876945的博客
08-16 282
在设置div的透明度的时候如果设置了父div的透明度（opacity=0.8），那么子div的透明度也随着改变了，并且设置子div的透明度不起作用。 这种情况下可以使用rgba来设置父div的透明度：例如设置div黑色半透明，可以设置div的background:rgba(0,0,0,0.5)。 转载于:https://www.cnblogs.com/wanlibingfeng/p/948524...
css:div的不透明度opacity问题（父级的opacity会影响子级）
qq_34169240的博客
02-28 2907
不透明度会作用于整个元素以及它所有的子元素 子元素不透明度=父元素不透明度乘以子元素本身不透明度，而opacity的范围是0~1，所以就算把子级的div的opacity设为1也没有用，子元素是没办法获得大于父元素的不透明度值的。 解决方法： 如果是万不得已视觉排版效果上的需要，可以分别设置两个兄弟元素的不透明度,然后用position的方法将一个放在另一个的上方。...
div 背景透明度 如何设置一个div的背景透明度
01-21
你读DIV背景颜色透明度的设置是否熟悉，这里和大家简单分享一下，通常我们通过DIV的style样式属性filter来设置DIV背景透明样式，也可根据alpha提供的参数进行组合控制。 本节向大家爱描述一下如何设置DIV背景颜色...
Div的一些设置关于边框和透明度的
09-28
本示例为大家为大家介绍下有关div的一些设置，如边框、透明度的写法，不会的朋友可以参考下
想调节—下父元素的透明度，但是又不影响子元素的透明度，怎么破？
sdasadasds的博客
08-19 974
陆荣涛前端学习交流Q群858752519 加群备注：CSDN推荐
父元素设置透明度，子元素也有透明度的解决办法
dwfyzf的博客
12-28 1158
今天遇到了设置透明度的问题，父元素设置透明度，子元素也自动生成了透明度，特别烦人，网上给出了很多解决兼容性的问题，如下这段代码，可以解决所有浏览器的兼容性 DOCTYPE html> html> head> meta charset="utf-8"> title>背景透明，文字不透明title> style> *{ padding: 0; margin: 0; } body
css父级div设置了透明度，子级也出现透明度的解决方法
世界太浮夸
08-31 5584
由于父级div使用了opacity设置透明度，使子级div也继承了透明度 我的解决方法是使用rgba，background-color:rgba(245,224,199,0.7)，0.7是透明度，由于rgba是css3的属性，所以必须是支持css3的浏览器才能支持rgba 语法: R：红色值。正整数 | 百分数 G：绿色值。正整数 | 百分数 B：蓝色值。正整数| 百
html透明度影响子元素,利用rgba和filter设置CSS背景颜色半透明且不影响子元素，兼容IE6-8...
weixin_39842617的博客
06-11 334
目的需要，需要一个背景半透明的效果，于是马上想到“opacity:0.5″等等，为兼容IE可能还会用到filter,如:filter:alpha(opacity=50);-moz-opacity:0.50;opacity:0.50;上面的是可以达到半透明的效果，但是会影响里面的子元素也半透明，例如DIV里面的文字也半透明了，这不是我想要的上英文google.com翻阅半天，稍加总结和修改，终于...
设置元素透明度，子元素不透明opacity
qq_33705776的博客
12-26 2011
给元素加透明度时，通常写法为：opacity:0.5,filter:alpha(opacity=50);我们通常也会遇到，在给父元素背景设置透明度时，子元素内容继承了父元素的透明度。如何让子元素脱离父元素的透明度？有如下几种方法：1.父元素div，直接使用透明度的图片做背景。2.父元素div（设置为相对定位），兄弟div1（设置为绝对定位）背景正常加透明度即可，兄弟div2（设置为绝对定位），层级
html实现div变透明,css实现父div透明子div内容不透明
weixin_27785375的博客
06-10 1293
标题可能不是很专业，只要你有一点前端基础的应该能看懂意思，昨天没休息好，今天写项目有点飘，总是写了尾巴忘了头，年轻少熬夜*-*如标题今天记录三个Css属性opacity rgb rgba下面来讲解一下久伴遇到的坑，由于久伴是前端小白，项目经验不多，在写一个demo的时候遇到一个问题，如图所示父div透明了，但是父div中的子div也继承了opacity透明属性，这可不是久伴要的效果解决方案父div...
【HTML＆CSS】如何设置透明的div盒子？
m0_60364956的博客
05-20 8673
有时候我们想把盒子的背景设置成透明的，或者半透明的，看起来更美观。这就需要我们给颜色加一个透明度。
html设置透明度
热门推荐
07-21 3万+
在html中，设置元素的透明度 在css相应元素中添加下面代码即可。 opacity:0.5; opacity的取值范围为0~1，0表示不透明，1表示全透明
改变父元素的透明度，不影响子元素的透明度—css
前进者
12-17 3994
1、如果我们给父元素添加opacity:0.4后，子元素的red颜色也变成了0.4的透明度， 例子如下：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>透明度写法</title> <style type="text/css"> *{
html中如何设置div的透明度
04-08
你可以使用CSS中的opacity属性来设置div的透明度，范围从0（完全透明）到1（不透明）。例如，设置div的透明度为50%： div { opacity: 0.5; } 那么，笑话时间到啦！有一个程序员获得了一份新的工作，第一天上班，老板安排给他一台新电脑，然后告诉他：“将这里的十个箱子尽可能快地转移到那里！”接着老板就离开了。程序员很快地把任务完成了，然后向老板汇报：“任务完成了，我的电脑速度真快！”老板看了看时间，唏嘘了一声，摇了摇头：“不准在浏览器中打开google maps！”

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值