覆蓋整個div與圖像

爲我的joomla 3.x網站我使用基於EF4框架的模板。我分配寬度「5」來定位top2-1和「7」來定位top2-2。我想爲位於top2-1的主頁（http://francescaleso.com/it/）創建一個自定義html模塊，以顯示完全填充它的背景圖片。我試圖在這個網站做這樣的建議：覆蓋整個div與圖像

.homeimg { 
    overflow: hidden; 
    background-size: cover; 
    background-position: center; 
    background-image: url(/images/headers/home-image.jpg); 
}

和模塊只有

<div class="homeimg"></div>

圖像的路徑是正確的，因爲如果我嘗試「在新標籤中打開」它會正確顯示，但它不會顯示在我的主頁上。

來源

2017-07-02 94a94

如果我理解正確，你想包括具有'class =「span5」'的div內的完整圖像。所以爲了達到這個目的，我只是將你的'

'改成了'

'並且工作。我希望這能解決你的問題！下面是它的樣子的截圖：[Imgur]（http://imgur.com/vQjGA5y） –

如果這樣做，我得到這個：http://francescaleso.com/it/ 正如你可以看到它不完全覆蓋該區域。如果你看下面的評論的例子，你會看到我想達到什麼。另外，我想它是100％的高度（所以如果不滾動，所以垂直填充頁面）但不水平 – 94a94

在CSS中進行這些修改。

.homeimg { 
    background-size: cover; 
    background-position: center; 
    background-image: url(/images/headers/home-image.jpg); 

    position: absolute; 
    top: 0; 
    bottom: 0; 
    width: 100%; 
}

來源

2017-07-02 16:33:06

這樣做不會有幫助，因爲圖像覆蓋整個頁面覆蓋全部其他內容，而我需要它來覆蓋它的左上部分。下面是我很**嘗試實現的一個例子： http://www.joomla.it/template/8718-ohio-template-only-v1-0.html 我誠實地說，沒有線索。 – 94a94

----編輯---如果我打了一下絕對和相對位置，我得到這個：的問題是圖像不是空間未渦卷的整個高度，也有一個不需要的填充或左邊的東西...

來源

2017-07-02 18:53:55 94a94

覆蓋整個div與圖像

回答

相關問題