gpt4 book ai didi

我的其他页面的 CSS 背景 : want a diff. 背景

转载 作者:行者123 更新时间:2023-11-28 14:28:36 27 4
gpt4 key购买 nike

我正在使用 CSS background: url(stuffhere.jpeg)对于我的背景,但是当你点击其他视频时,“元素”不是页面,背景不会改变。

我试过了 <body id="home"><body id="projects"> ,并尝试为#home 和#projects 制作两个背景,但这些元素不起作用..

然后我用了<div id="projects"> , 但问题是因为它不是一个页面,所以 div 不会改变整个背景。

请检查一下并告诉我... www.montagemd.com ,然后单击其中一个视频。我想让灰色背景填满整个东西……或者覆盖我在#home 中的内容

最佳答案

您可以通过执行以下操作使灰色背景填充整个视口(viewport):

  1. 为 div 设置 100% 的宽度和 100% 的最小高度(如果内容高于窗口,最小高度将让它增长)。

  2. 确保 div 的父级是 <body>上面也定义了 100% 的高度。只有当元素的父元素也定义了高度时,百分比高度才有效。

代码看起来像这样:

<body>
<div id="gray-box"></div>
</body>

然后 CSS 将是:

html, body {
/* Defines a height on #gray-box's parents (required for % height to work) */
height: 100%;

/* Eliminate any extra spacing around #gray-box */
margin: 0;
padding: 0;
}

#gray-box {
width: 100%;
min-height: 100%; /* Let #gray-box grow with its content */
background: #ddd;
}

Here's a demo它在行动。

关于我的其他页面的 CSS 背景 : want a diff. 背景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7629340/

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