背景圖片沒有按照節的寬度調整

感謝您的幫助。我對網絡開發相當陌生，並且在我的網站上遇到了一個奇怪的問題。 http://bit.ly/1nnzqeB 背景圖片沒有按照節的寬度調整

看起來像是在它背後的圖像應該縮放以適應該部分，而不是現在正在做的。我幾個小時都被困在這裏，我覺得這可能是一些愚蠢的簡單事情，所以我正在向專家伸出援手。請幫忙！

2014-04-15 Dezryth

好，即時猜測你想要這個圖像縮放和適合整個水平的空白空間。 http://codesilver.us/wp-content/themes/SVG/img/slide1-1.jpg

看你的代碼後，您.container必須是100％的寬度

.container { 
    width: 100%; 
}

之後我應用這個修復它似乎工作，你可能要清理你的DIV結構的總體位，但這是一個不同的談話。

更新： 爲了調整大小，您可以使用css cover屬性來設置背景大小：cover;這確保圖像覆蓋整個div並垂直和水平地對齊圖片。

newheader { 
    /* background-size: 100px 100px; */ 
    background: url("../img/slide1-1.jpg") no-repeat scroll center center; 
    margin-top: 5%; 

    /*background-size*/ 
    -moz-background-size:cover; 
    background-size:cover; 


}

來源

2014-04-15 03:39:23

如果您有任何建議，那就太好了！但第一件事]：這是從別人繼承的代碼。 – Dezryth

我改爲.container.newheader { \t \t寬度：100％; \t \t background：url（「../ img/slide1-1.jpg」）no-repeat scroll center center; \t \t margin-top：5％; }但是，這似乎仍然沒有任何影響，當我調整瀏覽器的大小 – Dezryth

更新了我的答案 –

假設這其實是你如何希望它看起來，做兩件事情：

從.newheader類中刪除background-size: 100px 100px;
添加width: 100%;同一類

來源

2014-04-15 03:36:57 aaronegan

背景圖片沒有按照節的寬度調整

回答

相關問題