2014-08-28 51 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,看看你是否是瀏覽器就是其中之一。