頁腳圖像不會粘在底部

我在這裏使用頁腳：http://bit.ly/1dnluzM 它具有始終應該100％寬的圖像。當窗口小於1920px時，它也應按比例縮小比例。頁腳圖像不會粘在底部

我不知道爲什麼頁面底部和這個圖像之間有一個小的差距。 Firebug不顯示任何邊距或填充。我想這是以某種方式重新調整圖像。

HTML：

<body> 
<div class="page-wrap"> 
<div class="nasze-menu">   
    <img usemap="#menu" src="images/main.png" alt="Lody Bonano - Menu"> 
    <map name="menu"> 
    <area shape="poly" coords="463,390,463,531,357,532,291,389" href="/" alt="Shape 3 Shape Path" title="Shape 3 Shape Path" id="kielich"> 
    <area shape="poly" coords="537,209,536,247,782,252,783,207" href="/" alt="Strona główna" title="Strona główna" id="goback"> 

    </map> 
</div> 
<div id="overlay"></div>

CSS：

.site-footer { 
    pointer-events: none; 
    width: 100%; 
    position: fixed; 
    bottom: 0px; 
    z-index: 5; 
    margin: 0; 
    padding: 0; 
    vertical-align: bottom; 
}

enter image description here

來源

2014-01-12 Tom

嘗試使圖像塊元素

即

.site-footer img 
{ 
    display: block; 
}

來源

2014-01-12 13:39:08 KrishnaDhungana

這很有效，非常感謝。只要我可以，我會標記你的答案爲解決:) – Tom

頁腳圖像不會粘在底部

回答

相關問題