所以我知道如何有效地为身体添加颜色包装,例如webkit-box-shadow。
但这次我想把图像添加到我坚实的背景中,包裹着我的身体。一个很好的例子是天蓝色背景,周围有你的身体div随机云。除了创建一个与您的身体完美同步的背景图像之外,还有其他方法可以做到这一点吗?
这是我想要实现的一个例子:http://i.stack.imgur.com/ttoLR.png
非常感谢任何可以提出任何建议的人!
答案 0 :(得分:0)
与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>