首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >将图像添加到身体包装器的最有效方法?

将图像添加到身体包装器的最有效方法?
EN

Stack Overflow用户
提问于 2013-09-25 15:42:59
回答 1查看 83关注 0票数 0

因此,我知道如何有效地为正文添加颜色包装,如webkit-box-shadow。

但这一次,我想将图像添加到我的立体背景中,作为包裹在我身上的图像。一个很好的例子是天蓝色背景,身体div周围有随机的云。除了创建一个与你的身体完美同步的背景图像之外,还有什么方法可以做到这一点吗?

下面是我试图实现的一个示例:http://i.stack.imgur.com/ttoLR.png

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

EN

回答 1

Stack Overflow用户

发布于 2013-09-25 15:49:27

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

示例CSS:

代码语言:javascript
运行
复制
#wrapper { width: 1000px; background: url('clouds.png') center top transparent; }
#inner { background: #FFF; width: 940px; margin: 0 auto; border-radius: 6px; }

示例HTML:

代码语言:javascript
运行
复制
<div id="wrapper">
  <div id="inner">
    ...Your page contents...
  </div>
</div>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/18999050

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档