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>