css - 在网页中使用 alpha 渲染图片

Question

有没有办法在网页中使用 alpha 渲染背景纹理？我想在渐变顶部有纹理，这样我就可以看穿它。

我没有为此使用画布（尽管我确实将画布用于其他动画效果）

score 2 · Accepted Answer

你可以通过 CSS3 多重背景和 CSS3 渐变来实现。这是一篇关于这个主题的好文章。

编辑：为了澄清，您基本上只需要在对象上定义两个背景。第一个是渐变，第二个是 alpha 纹理。

score 1 · Accepted Answer

为此，您不需要 CSS3。在. html_body

html {background: #fff url(path/to/bg-tile.png) repeat 0 0;}
body {background: transparent url(path/to/gradient.png) repeat-x 0 0;}

score 0 · Accepted Answer

您可以只使用一个大 div 作为背景，并在 div 内添加渐变和 png，然后使用 css 调整大小和位置

3 回答 3