Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/429.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用CSS设置固定背景?_Javascript_Jquery_Html_Css_Background Image - Fatal编程技术网

Javascript 如何使用CSS设置固定背景?

Javascript 如何使用CSS设置固定背景?,javascript,jquery,html,css,background-image,Javascript,Jquery,Html,Css,Background Image,我在我的网站上设置了一个固定的背景,但在放大和缩小时,背景并不是固定不变的 这是我要从中复制背景的站点: 放大和缩小使背景完全固定 请看我的: 放大和缩小的行为将有所不同 我的代码如下。这将仅在主页上设置背景: jQuery(document).ready(function(){ if (top.location.pathname === '/') { jQuery("body").addClass("bodybackground"); } }); .bodyba

我在我的网站上设置了一个固定的背景,但在放大和缩小时,背景并不是固定不变的

这是我要从中复制背景的站点:

放大和缩小使背景完全固定

请看我的:

放大和缩小的行为将有所不同

我的代码如下。这将仅在主页上设置背景:

jQuery(document).ready(function(){

  if (top.location.pathname === '/')
  {
     jQuery("body").addClass("bodybackground");
  }

});
.bodybackground{
背景:url('/media/import/background.jpg')没有固定的重复中心;
}

有人能告诉我是什么引起的吗?非常感谢您的帮助。

您需要添加
背景尺寸:封面

.bodybackground { 
    background: url('/media/import/background.jpg') no-repeat center center fixed;
    background-size: cover;
}

使用
背景尺寸:封面
背景大小:包含根据您的需要。这应该可以解决问题。

太好了,谢谢。我没意识到事情有那么简单!:)这是之前刚刚回答的,但仍然很感激-谢谢:)@matt136抱歉,没有检查。