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

Question

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

Answer 1

你的意思是这样的吗？ 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;
}