10/4仅供参考
css中opacity透明度的继承问题解决（父元素使用opacity，子元素也变透明）
今天在项目中发现利用opacity改变透明度的话，会有继承问题，子元素也跟着透明了，那我们应该如何去解决这种情况呢？我用了两种方式：
一、父元素不用CSS3来设置透明度，而是设置rgba来设置透明度；
<div class="box"> <div class="box2"> 利用rgba设置透明度，不使用opacity; </div> </div>
.bg{ background:url(7510758314083.jpg);/*此处背景图为了看到透明情况*/ height: 700px; } .box{ background:rgba(255, 0, 0, 0.5); width: 1199px; height: 300px; margin-top: 300px; } .box2{ background: #ff0000; width:500px; height: 300px; }
二、用透明的图片
可以不使用背景颜色设置不透明度，直接使用透明的背景图片。
10/4仅供参考 css中opacity透明度的继承问题解决（父元素使用opacity，子元素也变透明） 今天在项...
CSS规则 at 规则 CSS选择器 CSS选择器 继承与层叠 继承与层叠 CSS 属性 CSS 属性 CSS值 ...
1.css设置透明度 filter:alpha(opacity=50); /*IE滤镜，透明度50%*/ -moz...
1.CSS继承 从父元素那继承部分CSS属性继承好处：1.父元素设置样式，子元素可以继承部分属性2.减少CSS代码...
CSS继承 一、什么是CSS继承 CSS继承是指我们设置父级CSS样式时，父级及以下的子级都具有此属性。 二、不可...
修改标签的显示类型 CSS属性 CSS属性-可继承属性 CSS属性-不可继承属性 CSS常用属性代码附录：
1.今天学到了 1.css样式的继承 继承:是子元素对父元素的继承 2.css可以继承的属性 3.css盒子模型 ...
A今日所学 一、CSS基本样式 二、CSS继承 B今日已掌握 一、CSS基本样式 二、CSS继承 C今日未掌握
传送门： CSS 自学笔记（上） CSS 自学笔记（中） CSS 自学笔记（下） 继承、层叠和特殊性 继承 CSS...
什么是 CSS 继承?哪些属性能继承，哪些不能？ CSS样式表继承指的是，特定的CSS属性向下传递到子孙元素。 有...
本文标题：css透明度继承
本文链接：https://www.haomeiwen.com/subject/uafycctx.html
网友评论