Question

我是CSS新手并尝试撰写博客。我无法弄清楚一个问题。

我有一个代码，可以在帖子中显示图片，标题和说明，并在主页中显示。

然而，我只想要覆盖所有盒子的图片，而不是其他任何东西。没有主题，没有解释。我怎样才能做到这一点？我是新手，我真的找不到重要的部分，所以我给你完整的代码。

This is what I am trying to do

这是我的博客http://www.alphabitrage.com/

这是完整代码https://gist.github.com/anonymous/449db483824c113e283b

来自@Pham Mim Tim的回答：

在我的代码中，你提到的部分不是很整洁：

＆＃13;

  <div class='post hentry uncustomized-post-template simpleCart_shelfItem'>
                  <a expr:name='data:post.id'/>
                  <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
                    <b:if cond='data:post.title'>
                      <h3 class='post-title entry-title'>
                        <b:if cond='data:post.link'>
                          <a expr:href='data:post.link'>
                            <data:post.title/>
                          </a>
                          <b:else/>
                          <b:if cond='data:post.url'>
                            <a expr:href='data:post.url'>
                              <data:post.title/>
                            </a>
                            <b:else/>
                            <data:post.title/>
                          </b:if>
                        </b:if>
                      </h3>
                    </b:if>
                  </b:if>
                  <div class='post-header-line-1'/>
                  <a expr:href='data:post.url'>
                    <div class='post-body entry-content'>
                      <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
                        <div class='simpleCart_shelfItem'>
                          <div class='item_name'>
                            <data:post.title/>
                          </div>

＆＃13;

我真的是新手，无法找到放在哪里。

Answer 1

我能想到的只是设定宽度和宽度。图片的高度也是100％，并删除所有你不想要的东西

Answer 2

<div class="post hentry uncustomized-post-template simpleCart_shelfItem" style="
    background: url(http://3.bp.blogspot.com/-mr47aQjV7OA/VclBCc5-CkI/AAAAAAAAAIE/jbG1B4DCPRE/s1600/rsz_2img_3346.jpg) no-repeat;
    background-size: cover;
">

您可以对此图片使用background-size: cover，以便全面覆盖博客。

Answer 3

也许我知道你的要求。

只需设置方框{c：{position：relative;}
设置图片

{ display:block; position:absolute; width:100%; height:100%; top:0; left:0; z-index:2; } 那么也许我的工作可以满足你的要求。希望你的成功和回复。

CSS图片显示在博客上

3 个答案: