我正在尝试使用推特引导程序作为框架来创建wordpress主题。在一个页面模板上,我需要使用特征图像作为背景图像,因此我使用以下代码:
<?php
global $post;
$src = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), array( 5600,1000 ), false, \'\' );
?>
<div class="mainblogwrapper img-responsive img-center" style="background-image: url(<?php echo $src[0]; ?> ) !important; background-attachment : fixed;">
一切看起来都很好,但我只有一个问题。对于不同的屏幕大小,图像不会居中。(
I see the whole image on 1920X1080 screen, but only the left of it on mobile screen).
我使用了img responsive和img center类,但仍然没有正确显示。
在此处查看网站http://aspalisvillas.com/
如何使背景图像正确显示?如何使其响应?
最合适的回答,由SO网友:BigDropGR 整理而成
我添加了样式“背景位置:居中而且它工作得很好!
因此,新代码如下所示:
<?php
global $post;
$src = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), array( 5600,1000 ), false, \'\' );
?>
<div class="mainblogwrapper" style="background-image: url(<?php echo $src[0]; ?> ) !important; background-attachment : fixed;background-position: center center;">