Tumblr发布背景图像外div?

时间:2014-11-09 21:15:46

标签: html css background

我想这样做,以便我的Tumblr上的每个帖子都有多个背景图像,这些图像位于post div之外。我已经做了一个例子here。我知道如何为固定元素制作多个外部div背景,但我希望这些能够应用于所有帖子,无论大小。谢谢!

1 个答案:

答案 0 :(得分: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;
}