居中 CSS 背景适合高度

发布于 2024-12-20 14:59:11 字数 309 浏览 2 评论 0原文

首先这是我当前的代码。

<div id="background">
<img src="src/1080pTux.png" height=100%>
</div>

#background{
    position:fixed;
    margin-left:auto;
    margin-right:auto;
    z-index: -5000;

}

图像保持适合高度,保持纵横比,并位于所有内容后面,但我希望它始终居中。我怎样才能做到这一点以及我做错了什么?

谢谢!

first off here's my current code.

<div id="background">
<img src="src/1080pTux.png" height=100%>
</div>

#background{
    position:fixed;
    margin-left:auto;
    margin-right:auto;
    z-index: -5000;

}

The image stays fit to height, maintains aspect ratio, and stays behind everything, but i want it positioned centered at all times. How can I accomplish that and what am I doing wrong?

Thanks!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

ぃ双果 2024-12-27 14:59:11

您可能需要使用背景图像

You may want to use background-image.

她比我温柔 2024-12-27 14:59:11

您可以尝试这样的操作:

body {
text-align: center;
min-width: 600px;
}

即使它说文本对齐,它也会将整个页面居中对齐,因为您将整个正文修改为居中。

You could try somthing like this:

body {
text-align: center;
min-width: 600px;
}

Even though it says text align it will align the whole page in the center since your modifying the whole body to be centered.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文