2014-08-28 53 views
0

我有这个背景图片,我正在使用。这一部分称为用户配置文件区域,我使用的是jQuery选项卡。某些选项卡的内容较少,对于某些内容非常宽泛。但是,当内容很宽时,图像不会显示到最后。根据内容展开backgorund图像

下面是一个例子。

当内容少时(正确显示)。 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; 
    } 
+1

不幸的是我不能重新创建它,因为它似乎工作正常。你尝试过'身高:100%;' – jagmitg 2014-08-28 20:37:55

+0

尝试设置100%的身高? @JSG,刚刚看到你的帖子... oops :) – zazvorniki 2014-08-28 20:47:58

回答

0

尝试身高:100%; 如果不解决,可以为bgimg创建一个新类并提及 position:absolute; 宽度:100%, 身高:100%; top:0%; 剩余:0%;每次都适合我的 。 :)所有最好的

0

对于你的背景大小,试试这个:

背景尺寸:100%100%;

此外,大部分浏览器支持background-size,但不是100%。检查here,看看你是否是浏览器就是其中之一。