Question

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

Answer 1

尝试将图像作为块元素

即

.site-footer img
{
  display: block;
}

页脚图像不会粘在底部

1 个答案: