[英]How to make 2 images responsive at the same time
我有一个 html 和 css 代码来显示 2 个图像。 我正在使用引导程序使它们响应,但只有背景是响应的。 有人可以告诉我为什么以及如何解决它吗?
html 代码:
<img id="introducaoBackground" class="img-fluid" src="Imagens/introducaoBackground.png" alt="Background da introdução"></img>
<img id="logo" class="img-fluid" src="Imagens/logo.png" alt="Logo"></img>
#introducaoBackground {
position: absolute;
top: 0px;
left: 0px;
}
#logo {
position: absolute;
top: 73px;
left: 280px;
}
那不是相对容器内的绝对徽标吗?
<img id="introducaoBackground" class="img-fluid" src="Imagens/introducaoBackground.png" alt="Background da introdução"></img>
<div id="relativeDiv">
<img id="logo" class="img-fluid" src="Imagens/logo.png alt="Logo"></img>
</div>
我已经为 relativeDiv id 重新使用了背景属性,但当然你可以在 position 相对之外创建不同的属性。
#introducaoBackground {
position: relative;
top: 0px;
left: 0px;
}
#logo {
position: absolute;
top: 73px;
left: 280px;
}
.img-fluid {
max-width: 100%;
height: auto;
}
#relativeDiv {
position: relative;
top: 0px;
left: 0px;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.