gpt4 book ai didi

javascript - 在 div 中定位图像,然后将 div 定位在底部

转载 作者:太空宇宙 更新时间:2023-11-04 14:28:39 25 4
gpt4 key购买 nike

我想在我的页脚中定位图像。
当我保留绝对位置属性以外的位置属性而不是图像超出页脚的边界并且页脚停留在顶部时出现的问题。
当我保持页脚位置绝对,然后我必须以像素为单位的特定位置,但内容的高度会变化,我无法给出特定位置。

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

}

等等……

最佳答案

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

关于javascript - 在 div 中定位图像,然后将 div 定位在底部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19349260/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com