根据内容展开背景图像

时间:2014-08-28 20:32:09

标签: jquery html css

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

以下是一个例子。

当内容较少时(正确显示)。 enter image description here

内容长,显示不正确。 enter image description here

这是我的身体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;
    }

2 个答案:

答案 0 :(得分:0)

尝试身高:100%;  如果确实如此,你可以为bgimg创建一个新类并提及 位置:绝对的;  宽度:100%, 高度:100%; 顶部:0%; 左:0%; 每次都适合我。 :)一切顺利

答案 1 :(得分:0)

对于你的背景尺寸,试试这个:

  

background-size:100%100%;

此外,大部分浏览器都支持后台大小,但不是100%。检查here,看看您的浏览器是否是其中之一。