css 解决透明度穿透问题

一般情况下，透明度设置

opacity: 0.6;

会导致子元素继承这个值，即使设置了 opacity: 1 也是在原来0.6的基础上实现的透明，所以想要解决这个问题，需要改变思路！

background: rgba(24, 23, 23, 0.5);

去实现透明度，就不会被继承

方法2：

设置opacity: 的时候，单独给他弄个div，让他定位也可以，不要让他有子元素

css 解决透明度穿透问题相关推荐

能使用html/css解决的问题就不要使用JS
为什么说能使用html/css解决的问题就不要使用JS呢?两个字,因为简单.简单就意味着更快的开发速度,更小的维护成本,同时往往具有更好的体验,下面介绍几个实例. 1. 导航高亮导航高亮是一种很常见 ...
css 背景效果_css透明度怎么设置？三种css图片透明度的设置方法
css透明度的设置在网页的设计中是经常需要用到的,有时为了设计出的网页更加的美观,会对图片进行透明化处理,这样网页上面的内容就不会看不见,有的网页因为图片作为背景,也会更加美观,那么,css中的透明度 ...
ireport如何给static text加边框_html amp;amp; css 解决li浮动边框为2的问题
html && css 解决li浮动边框为2的问题思路问题:首先,li 浮动后,添加边框,则中间 li 的边框会形成 1+1=2 的效果,1px的边框会变成2px.(例:分页模块 ...
CSS 解决td里面内容太多把表格弄变形的原因，设置自动换行。
CSS 解决<td>里面内容太多把表格弄变形的原因,设置自动换行. 1 < style="word-break:break-all"> 例如div宽200 ...
CSS - 解决placeholder不起作用的方法
CSS - 解决placeholder不起作用的方法参考文章: (1)CSS - 解决placeholder不起作用的方法 (2)https://www.cnblogs.com/500m/p/115 ...
css 解决fixed 布局下不能滚动的问题
css 解决fixed 布局下不能滚动的问题参考文章: (1)css 解决fixed 布局下不能滚动的问题 (2)https://www.cnblogs.com/fuzitu/p/9473508.h ...
CSS解决高度自适应问题
CSS解决高度自适应问题参考文章: (1)CSS解决高度自适应问题 (2)https://www.cnblogs.com/zhujl/archive/2012/03/20/2408976.html ...
css图片过大,CSS解决图片过大撑破DIV的方法
一.防止图片撑破DIV方法一原始处理方法是将要展示的图片进行处理.比如你的DIV宽度为500px(像素),那你上传的图片或放入网页的图片宽度就要小于500px,也就是你图片需要图片软件剪切.等比例缩 ...
纯css解决div隐藏浏览器原生滚动条，但保留鼠标滚动效果的问题
纯css解决div隐藏浏览器原生滚动条,但保留鼠标滚动效果的问题参考文章: (1)纯css解决div隐藏浏览器原生滚动条,但保留鼠标滚动效果的问题 (2)https://www.cnblogs.co ...

css 解决透明度穿透问题

css 解决透明度穿透问题相关推荐

最新文章

热门文章