CSS的背景图加上透明属性可以让网页设计更加生动而有趣。透明属性能够让背景图的色彩变得柔和，同时也不会影响到网页的阅读。以下是一个例子：

background-image:url('example.jpg');
opacity:0.5;

在上面的代码中，background-image属性用于添加背景图像。其中，example.jpg是要添加的图像名字。而opacity属性用于添加透明度。在这个例子中，opacity设置为0.5，表示图像的透明度为50%。

同时，还可以结合rgba属性，将图像的透明度和颜色进行调整。

background-color: rgba(255, 255, 255, 0.5);
background-image: url('example.jpg');

在上面的代码中，background-color属性用于设置背景色。其中，rgba(255, 255, 255, 0.5)表示的是白色的颜色，透明度为50%。背景图的设置与上面相同。

使用CSS的背景图加透明属性，可以让网页设计更加美观。同时，还能够提高网页的用户体验。