0

我想在页脚中放置图像。
当我保持绝对位置以外的位置属性而不是图像超出页脚和页脚棒的边界时，问题是在顶部。
当我保持页脚位置绝对时，我必须以像素为单位的特定位置，但内容的高度会有所不同，我无法给出特定的位置。

<body>
  <div></div>
  <div></div>
  <div></div>

  <footer class="effect5">
    <img id="fb" src="../images/fbfooter.jpg" />
    <img id="email" src="../images/emailfooter.jpg" />
    <img id="help" src="../images/helpfooter.jpg" />
    <img id="need" src="../images/needfooter.jpg" />
    <img id="tos" src="../images/tosfooter.jpg" />
    <img id="twit" src="../images/twitfooter.jpg" />
  </footer>
</body>

CSS是

footer{

  margin:auto;
  position:absolute;
  bottom:-1850px;

  background-image:url(../images/fbg.jpg);
  height:360px;
  width:1282px;
  /*background-size*/

  -webkit-background-size:100% 100%;
  -webkit-box-shadow:15px 15px 20px #35707E;
  border-top-left-radius:100px 100px;
  border-bottom-right-radius:100px 100px;
}

img[id=fb]{
  position:absolute;
  margin-left:600px;
  margin-top:150px;

  -webkit-box-shadow:5px 5px 20px;
  cursor:pointer;
}

img[id=fb]:hover{

}

等等...

4

1 回答 1

1

我认为你应该谷歌粘性页脚或看看这个 ，然后你可以在页脚中使用相对定位。

于 2013-10-13T19:38:53.230 回答