CSS 可以同时使用渐变和背景图，这将大大提升网页的视觉效果。接下来，我们将介绍如何实现这一效果。

background: url("example.jpg") no-repeat center center fixed, linear-gradient(to bottom right, #0000ff, #00ffff);
background-size: cover;

上述代码中，我们将背景图设置为 example.jpg，不重复，水平与垂直居中，固定不动。然后我们将使用一个线性渐变，从左上到右下，将颜色从蓝色渐变到青色。

值得注意的是，我们还需添加 background-size 属性，将背景图设置为 cover，以确保背景图完全覆盖整个页面。

通过以上代码，我们可以轻松实现渐变和背景图的组合，增强页面的视觉效果。