gpt4 book ai didi

css - 可拉伸(stretch)、固定、居中的墙纸?我很接近...真的很接近

转载 作者:行者123 更新时间:2023-11-28 13:48:06 24 4
gpt4 key购买 nike

所以这是我的代码...

<head>

<style type="text/css">

* { margin : 0; padding : 0; }

html, body { height:100%; color : #FFF;}

div#bgcontext { position : absolute; width : 100%; height : 100%; overflow : hidden; }

div#background { position : relative; right : 50%; width : 100%; height : 100%; z-index : -20; text-align : center;}

div#background img { min-height: 100%; min-width : 1600px; max-width : 100%; margin-right : -100%;}

</style>

</head>

<body>

<div id="bgcontext">

<div id="background"><img src="assets/bg.jpg" /></div>

</div>

</body>

如您所见,我已经设置了一个居中缩放的图像以适应全屏分辨率——但是,我在设置完所有这些后意识到……这仅在内容不需要您时才有效滚动。

暂停。

最佳答案

啊哈!我实际上并没有太多使用“固定”定位属性,而是改变

div#background { position : relative; right : 50%; width : 100%; height : 100%; z-index : -20; text-align : center;}

div#background { position : fixed; right : 50%; width : 100%; height : 100%; z-index : -20; text-align : center;}

完美解决问题!甜蜜....嗯 CSS

关于css - 可拉伸(stretch)、固定、居中的墙纸?我很接近...真的很接近,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3820141/

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