Background image in posts

时间:2014-08-06 作者:Waymond

我正在尝试让特色图像显示在每个标准帖子格式帖子的背景图像中。因此,我成功地抓取了图像,并能够使其在容器内的宽度和高度达到100%。但是,它会显示为图像并按下下面的文本。如何让帖子中的文本显示在其上方?这是我的密码。

所容纳之物php

<section class="m-feat-img">
    <?php
    $standard_img = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID));
    if( $standard_img ) {
    ?>
    <img src="<?php echo $standard_img[0]; ?>" width="<?php echo $standard_img[1]; ?>" height="<?php echo $standard_img[2]; ?>">
    <?php } ?>
</section>



<article <?php post_class(); ?>>
  <div class="entry-summary">
    <?php the_excerpt(); ?>
  </div>
</article>
  <header>
     <h2 class="entry-title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
  </header>
这是我到目前为止为盒子设计的款式。

.m-feat-img img {
  width: 100%;
  height: 100%;
}
感谢您在正确方向上的任何帮助!!!谢谢

1 个回复
最合适的回答,由SO网友:corygibbons 整理而成

实现此效果的最快方法是position: absolute 背景图像。如果背景图像位于文本前面,则可以使用z-index 更改z顺序。

看见https://developer.mozilla.org/en-US/docs/Web/CSS/positionhttps://developer.mozilla.org/en-US/docs/Web/CSS/z-index 参考上述2个属性。

结束

相关推荐

二十四个响应的css

我今天在wordpress上安装了新的响应主题“214”,我尝试编辑css,尝试更改标题菜单的背景颜色,我在css中找不到我更改背景颜色的地方,我以前在旧的无响应css上做过无数次,我如何编辑响应css?谢谢