php - CSS 背景仍在重复

Question

好吧，我对我遇到的这个问题感到有点沮丧。

平台——WordPress

<style type="text/css">
body {
background: url(<?php echo $src[0]; ?> ) !important; 
background-width: 100%;
background-repeat: no-repeat;
background-attachment: fixed;  
}
</style>

我在将背景调整为页面宽度的 100% 以便它显示在页面的两边时遇到问题，并修复它并停止重复。

http://i.stack.imgur.com/XJPOA.png

下面的示例显示了背景，在顶部您可以看到如果我缩小它仍然重复，如果我进一步向下滚动该页面它仍然重复，而且图像的宽度不是 100%。

background: url(<?php echo $src[0]; ?> ) !important; 中包含的 PHP可以在下面找到。

<?php
$src = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), array( 5600,1000 ), false, '' );
?>

Answer 1

你试过吗

<style type="text/css">
body 
{
    background: url(<?php echo $src[0]; ?> ) no-repeat center top;
    background-width: 100%;
    background-attachment: fixed;  
}
</style>