gpt4 book ai didi

html - 在 CSS 页面上移动图像

转载 作者:太空宇宙 更新时间:2023-11-04 04:05:56 24 4
gpt4 key购买 nike

我正在尝试将我的 Facebook 小 Logo 图标移动到页面的左上角,但目前它显示为向下 1/4。请你看看我的 CSS 代码,以防我做错了什么。

CSS;

html,body {
background-image:url(../img/background.png);
background-size:cover;
}

#social {
margin-top:20px;
margin-left:50px;
height:100px;
width:200px;
position:absolute;
z-index:2;

}

#bar {
margin-top:55px;
min-width:1000px center;
max-width:1920px;
height: 30px;
background: #2E2E2E;
border: 3.2px groove #FFD700;
}
#logo {
position:absolute;
background-image:url(../img/LOGO1.png);
background-size:150px;
width:150px;
height:150px;
margin:0 auto;
z-index:1;
top:0px;
margin: 0 auto;
left:0px;
right:0px;
}
#middle
{
height:10000px;
}

#social {
margin-left:50px;
height:100px;
width:200px;
position:absolute;
z-index:2;

}

.facebook {
background-image:url(../img/64_x_64px/facebook_dark.png);
height:32px;
width:32px;
background-size:32px;
}

我的 HTML 是:

</head>
<body>
<div id="social">
<div class="facebook"></div>
</div>
<div id="logo">
</div>
<div id="bar">
</div>
<div id="middle">
</div>
</body>
</html>

谢谢你的帮助

最佳答案

你声明了两次#social

尝试用 top 和 left 设置绝对位置(或者将它们重置为 0px 并做你的 margin-stuff)

#social  {
top: 20px;
left: 50px;
height: 100px;
width: 200px;
position: absolute;
z-index: 2;
}

关于html - 在 CSS 页面上移动图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21388365/

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