Html 将图像添加到正文包装器的最有效方法？

因此，我知道如何有效地为实体添加颜色包装，例如webkit box阴影

但这一次我想把图像添加到我的固体背景中，就像包裹在我的身体上一样。一个很好的例子是天蓝色的背景，周围有随机的云。除了创建一个与你的身体完美同步的背景图像外，还有其他的方法吗

以下是我试图实现的一个示例：

---

非常感谢任何能提供任何建议的人

与HTML中的许多内容一样，您可以通过多种方式实现这一点。我要做的是创建一个带有云的透明图像，并将其设置为父div的背景图像

CSS示例：

#wrapper { width: 1000px; background: url('clouds.png') center top transparent; }
#inner { background: #FFF; width: 940px; margin: 0 auto; border-radius: 6px; }

HTML示例：

<div id="wrapper">
  <div id="inner">
    ...Your page contents...
  </div>
</div>

…您的页面内容。。。

嗨！到目前为止你试过什么？告诉我们你的代码和你现在是什么..随机和css不起作用。要获取随机图像，您需要随机类名，或者服务器在一个URL下提供随机图像（可能通过重定向）