php - 样式背景图像。 WordPress的，PHP的。

Question

我正在使用 Wordpress，目前正在尝试为作为背景图像引入的图像添加宽度，但我似乎无法这样做...

图像位于页面顶部:http://ideedev.co.uk/newseed/brand/我让文本按照我想要的方式工作(通过使用垂直对齐和 dimply:table; 和表格单元格居中和居中)，背景中的图像似乎是全尺寸的，但我想让它的宽度相同作为容器，它是...的背景

作为引用，完整图像如下所示:

我使用的是页面的特色图片，因此为了将其拉入后台，我不得不使用一些 PHP，所以这里是显示图片和文本的代码:

<?php if ( has_post_thumbnail() ) {

    // Get the post thumbnail URL
    $feat_image = wp_get_attachment_url( get_post_thumbnail_id($post->ID) );
  } else {

    ?>
    <style type="text/css">.featured-image{
    display:none;
    }</style>
    <?php
  } ?>


    <div id="absolute1111" style=" background: url(<?php echo $feat_image; ?>);">
        <div class="centerd1111">
            <h1><?php the_title(); ?></h1>
        </div>
    </div>  

我的风格如下:

#absolute1111 {
    position:relative;
    width:100%;
    height:50%;
    display:table;
    color: #fff;
}

.centerd1111 {
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    height:500px;
    padding: 0 50px 0 50px;
}

希望有人能够提供帮助 :) 感谢您的关注。

Answer 1

如果我没理解错的话，这就是你想要的:

#absolute1111 {
   position:relative;
   width:100%;
   height:50%;
   display:table;
   color: #fff;
   background-size: contain;
   background-repeat: no-repeat;
   background-color: #274c55;
   background-position-x: 50%; # See comments below about standards
}

它看起来像这样: