Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/77.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
Jquery 根据内容展开backgorund image_Jquery_Html_Css - Fatal编程技术网

Jquery 根据内容展开backgorund image

Jquery 根据内容展开backgorund image,jquery,html,css,Jquery,Html,Css,我有我正在使用的背景图像。这里有一个称为用户配置文件区域的部分,在这里我使用jQuery选项卡。有些选项卡的内容较少,有些选项卡的内容相当广泛。但是当内容很宽时,图像直到最后才显示 这里有一个例子 当内容较少时(正确显示)。 内容过长,显示不正确。 这是我的身体CSS代码。我应该在这里做什么更改 body{ /*background:rgba(226, 235, 238, 1);*/ color:#545454; font-weight:normal; fo

我有我正在使用的背景图像。这里有一个称为用户配置文件区域的部分,在这里我使用jQuery选项卡。有些选项卡的内容较少,有些选项卡的内容相当广泛。但是当内容很宽时,图像直到最后才显示

这里有一个例子

当内容较少时(正确显示)。

内容过长,显示不正确。

这是我的身体CSS代码。我应该在这里做什么更改

body{
    /*background:rgba(226, 235, 238, 1);*/

    color:#545454;
    font-weight:normal;
    font-family: "Helvetica Neue", sans-serif;    color:#7d7e80;
    font-size:14px;
    width:100%;
    background-image: url('http://www.gordonviaggi.it/files/wedding_packets/in_giro_per_san_francisco.jpeg');
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    background-repeat: no-repeat;
  display: block;
    }
试身高:100%; 如果这还不能解决问题,你可以为bgimg创建一个新类, 位置:绝对位置; 宽度:100%, 身高:100%; 最高:0%; 左:0%;
这对我来说每次都有效。:)对于您的背景尺寸,请尝试以下方法:

背景大小:100%100%


此外,大部分浏览器都支持背景大小,尽管不是100%。检查您的浏览器是否是其中之一。

不幸的是,我无法重新创建它,因为它似乎工作正常。您是否尝试过身高:100%尝试将高度设置为100%@JSG,刚刚看到你的帖子……哎呀:)