css图片透明度加深 |css中块级元素变成span

如果需要将图片的透明度加深，只需要将opacity属性值设为更小的数值即可。

img {
opacity: 0.3; /*设置透明度为30%*/
filter: alpha(opacity=30); /*兼容IE8及以下版本*/
}

除了将透明度降低以外，还可以通过设置元素的遮罩来实现图片加深的效果。

img {
mask-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)); /*设置遮罩，从上到下渐变*/
}

上述代码中，mask-image属性设置了一个线性渐变的遮罩，从上到下逐渐加深到完全不透明。其中rgba(255, 255, 255, 0)表示透明度为0的白色，rgba(255, 255, 255, 1)表示完全不透明的白色。

总的来说，对于图片透明度加深的需求，通过CSS的opacity属性或mask-image属性都能够很好地满足。