gpt4 book ai didi

html - Tumblr 发布背景图片在 div 之外?

转载 作者:太空宇宙 更新时间:2023-11-04 12:41:28 25 4
gpt4 key购买 nike

我想让我的 Tumblr 上的每个帖子都有多个背景图片,这些图片位于帖子 div 之外。我做了一个例子 here .我知道如何为固定元素制作 multiple-outside-div-backgrounds,但我希望这些能够应用于所有帖子,无论大小。谢谢!

最佳答案

你的意思是这样的吗? http://jsfiddle.net/a8mhz4qh/

HTML:

<div class="post-container">
<div class="post">
<h2>Title</h2>

<p>Blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah.</p>
<p>Blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah.</p>
<p>Blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah.</p>
</div>
</div>

CSS:

.post-container {
background: url(http://openphoto.net/volumes/sizes/miro/24396/2.jpg) 0 0/100% auto no-repeat;
padding: 70px 15px;
width: 750px;
}
.post {
background: rgba(255, 255, 255, .85);
padding: 10px;
}

关于html - Tumblr 发布背景图片在 div 之外?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26833415/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com