背景CSS問題 - 不重複

我有一個快速的問題，並希望答案是快了。如何讓我的背景在整個頁面中重複出現？我試過css重複，因爲某種原因它不起作用。背景CSS問題 - 不重複

#main_container{ 
    background:url(../images/cb.jpg) top left repeat; 
    margin:0 auto; 
    padding:100px 0 150px 0; 
    z-index:9999; 


body{ 
    background-color:#000; 
    color:#fff; 
    padding:0 0 0 0; 
    margin:0 0 0 0; 
    width:100%; 
    display:table; 
    overflow-x:hidden; 
    position:relative; 
}

來源

2012-11-29 makalele

在這裏與大家分享您的代碼，不要帖子的鏈接！ – jtheman

它在Chrome上適用於我，如果你的意思是牛仔布像背景。 – nirazul

這是工作，因爲我已經使用填充長於平均頁面。 – makalele

你看到的問題是，因爲你的＃main-容器不會填滿整個頁面，您需要將其擴展到頁面的整個高度。你爲什麼使用

body { display: table }

在你的CSS？我會刪除它，因爲它可能會混淆一些瀏覽器，應該沒有任何意義...

一個簡單的解決方法是將背景圖像放在body標記中，而不是如果這是您的選項？

否則，你可以隨時添加CSS的＃主容器：

#main_container { 的位置是：絕對的; top：100px; bottom：0; margin：0 auto; }

，並保持你的body { position: relative; }

來源

2012-11-29 08:06:31 jtheman

但頁面大小從屏幕變爲屏幕，不是？我想它是固定的 – makalele

我也會說這就是問題所在......製作一個新的背景圖像，以便它可以適合整個屏幕（如3000 * 2200）。或者舒展你的形象。 – Vucko

真的嗎？不，我不想用pic背景pic – makalele

你可以使用background-repeat：

#main_container{ 
    ... 
    'background-repeat:repeat;' 
}

應該在你的瀏覽器中工作，如果你不使用Netscape或smthn類似的^^

來源

2012-11-29 07:55:36

只是一張紙條，上面W3Schools的是一個不可靠的來源看http://w3fools.com/，還你不應該使用內聯樣式只是覆蓋的CSS的特異性。 – Sphvn

@ Asad的編輯無效我上面的評論。 – Sphvn

更好的參考可能是MDN。 https://developer.mozilla.org/en-US/docs/CSS/background-repeat –

背景CSS問題 - 不重複

回答

相關問題