关于css中background的问题?

发布于 2022-09-12 13:32:35 字数 147 浏览 23 评论 0

大致这样的布局,
如何让头部的背景图为img的上半部分
主要区域的背景图为img的下半区区域,
但是这样两个区域在显示上看起来是一个背景图
image.png

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

魔法少女 2022-09-19 13:32:35

通过background-position应该可以吧,就是感觉比例可能有问题?

樱娆 2022-09-19 13:32:35

image.png

IMG 层级最低 ,
头部和主要区域的backgroundtransparent

吻安 2022-09-19 13:32:35

两个办法 要么用一个容器把两个包起来,容器背景用图片,头部和主要区域透明. 要么把头部放到主要内容中,主要内容背景用那个图片,头部透明飘在主要区域顶部.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文