CSS怎样只更改父元素情况全透明度不更改子元素

日期:2021-03-06 类型:科技新闻 

关键词:自助建站,专业建站,建站网站,建站平台,网站在线制作app

1般状况下,大家可使用css的opcity特性更改某个元素的全透明度,可是其元素下的子元素的全透明度也会被更改,即便对子元素再次界定也沒有用,比如:

拷贝编码
编码以下:

<div style="opacity:0.4; background-image:url(...);">
<div style="opacity:1.0;">
显示信息文本
</div>
</div>

文本元素的全透明度也会是0.4。

因而想想,假如有方式只更改情况的全透明度就可以处理此难题了。

方式1:应用1张全透明的照片做情况能够达到实际效果,可是有木有更简易的方式呢?

方式2:应用RGBA。

比如:

拷贝编码
编码以下:

<div style="0, 0, 0.4)">
<div>
显示信息文本
</div>
</div>