在CSS中不垂直重複的圖像

-1

頂部背景圖像在IE7中不重複或顯示全高。它適用於Firefox和Chrome。在CSS中不垂直重複的圖像

歸屬頂類：

.home-top{ 
    background: url('../images/top-home-bg.gif'); 
    float:left; 
    width:100%; 
    text-align:center; 
    height:180px; 
}

在home-top有未顯示在頂部的第二分離器後面的圖像backgorund。

http://dev.getchkd.com/index.php

來源

2011-11-08 Ashutosh Mishra

你的意思是在框架中的花？ – sascha

更多的細節和一些代碼，特別是顯示與背景圖片相關的CSS在這裏會很有用。 – SpaceBison

.home-top {background：url（'../ images/top-home-bg.gif'）; float：left; width：100％; text-align：center; height：180px;} in home-top類有一個backgorund圖像不顯示在頂部的第二個分隔符後面。它不在IE7中工作 –

添加一個有效的文檔類型爲HTML的第一行：

<!DOCTYPE html>

不這樣做，你的頁面呈現在Quirks Mode，其中causes各種problems - 尤其是在IE瀏覽器。

來源

2011-11-08 09:58:11 thirtydot

非常感謝。它的工作現在 –

您需要設置的「位置」和「重複」值圖像：

background-image:url(...); 
background-position: 0 0; 
background-repeat: repeat-x;

您還可以，如果你想設置此在一個單一的「背景」的聲明。

來源

2011-11-08 09:27:20 Brighty

嘗試過..不能正常工作 –

對不起，沒有幫助。我認爲@ thirtydot的答案必須是正確的 - 它以怪癖模式渲染。 – Brighty

也許問題是因爲你有一個該類的靜態高度

什麼是圖像大小？

變化，並嘗試

background-repeat: repeat-x;

來源

2011-11-08 10:00:02 juankysmith

在CSS中不垂直重複的圖像

回答

相關問題