將圖片放在div內，然后將div放在底部
[英]position images within a div and then position div at bottom
問題描述
我想在頁腳中放置圖像。
當我保持位置屬性而不是圖像以外的位置屬性時，超出頂部的頁腳和頁腳桿的邊界時所依據的問題。
當我保持頁腳位置為絕對值時，我必須以像素為單位指定位置，但是內容的高度會發生變化，並且我無法給出特定位置。
<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{
}
等等...
1 個解決方案
解決方案1
1 已采納 2013-10-13 19:38:53
我認為您應該在谷歌粘頁腳或看看這個 ，然后您可以在頁腳內使用相對定位。
將div放置在包含div的底部
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.