页脚图像不会粘在底部

我在这里使用页脚：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

页脚图像不会粘在底部

回答

相关问题