Question

我想在我的页脚中放置图像。
当我保持位置属性而不是绝对比图像超出页脚和页脚顶部边界时的问题。
当我保持页脚位置绝对然后我必须像素的特定位置，但内容的高度变化，我不能给出具体的位置。

<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{

}

等等......

Answer 1

我认为你应该google粘性页脚或查看this one 然后你可以在页脚中使用相对定位。

在div内定位图像，然后在底部定位div

1 个答案: