gpt4 book ai didi

html - 多个图像背景仅在一页上

转载 作者:行者123 更新时间:2023-11-28 01:59:53 24 4
gpt4 key购买 nike

我实际上遇到了三个问题,但我相信它们都与尝试将两个图像放在同一背景中有关。我只需要它只出现在一页上。 1) 左边的图像离边缘 XXpx 远,但右边的图像是靠在边缘上的。 2) 页脚出现在两张图片底部 25% 左右的位置,而不是页面底部。 3)我无法更改图像的大小,因此每个图像都是相同的。

HTML

<body class="homepage">
</body>
<footer>
<h5 class id="footer">&copy; BPA Productions 2018</h5>
</footer>
</html>

CSS

.homepage {
background-image: url(pagepics/emmy.png), url(pagepics/big_oscar.png);
background-position: left, right;
background-repeat: no-repeat, no-repeat;
padding: 250px;
}

最佳答案

不知道理解没看懂,如果你需要的只是每页一张背景图,用JS条件做会更简单,背景可以根据页面添加或者添加类通过 JS,因此在 CSS 中为这些类创建调用。

$(document).ready(function(){
$(".homepage").css({})
});

我们的

$(document).ready(function(){
$(".homepage").addClass("yourClass")
});

但我可能也没有理解你的需求,以至于我无法再编写代码,因为没有更多信息。

关于html - 多个图像背景仅在一页上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49396301/

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