gpt4 book ai didi

html - CSS:如果我更改缩放比例,背景图像不再对齐

转载 作者:行者123 更新时间:2023-11-28 19:06:15 25 4
gpt4 key购买 nike

如果我更改浏览器的缩放比例,背景图像(我网站的 Logo )相对于网站其他元素的位置会有所不同。

我正在使用:

background-image:url('tbs-logo.png');
background-repeat:no-repeat;
background-position: 92% 22%;

我想知道我是否可以使它与其他元素对齐,或者我应该更改我的 html 代码而不是添加带有标签的图像。

谢谢。

最佳答案

我认为您需要使用此背景图像指定元素的宽度和高度。我已经用简单的代码检查过了:


<html>
<head><title>test</title>
<style type="text/css">
#con{
width: 500px;
margin: 0 auto;
}
#img{
width: 120px;
height: 80px;
background: url('ja2.jpg') 92% 22% no-repeat;
float: left;
border: 1px solid #000;
}
</style>
</head>
<body>
<div id="con">
<div id="img"></div>
<div>text tekst dfasdf
saasdf dsaf dsa fas df sadf ' f
af as dfa dsf
ads f
fa
</div>
</div>
</body>
</html>

当我放大它时,图像在它的位置仍然是自由的

关于html - CSS:如果我更改缩放比例,背景图像不再对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3324341/

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