页脚图像不会粘在底部

时间:2014-01-12 13:31:56

标签: html css image

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

1 个答案:

答案 0 :(得分:2)

尝试将图像作为块元素

.site-footer img
{
  display: block;
}