如何使用垂直平铺的背景图像进行顶部偏移

发布于 2024-12-29 17:34:50 字数 287 浏览 0 评论 0原文

我为我的 body 页面设置了一个背景图像(1000x10px),并垂直平铺它以实现两列效果:

background: url(pozadina.png) repeat-y 50%;

现在我希望将其向底部移动一些像素以获得漂亮的 margin-top< /code> 效果,但无法用 background-position 弄清楚,甚至不知道是否可能。

任何帮助表示赞赏。感谢您! ;)

I set a background image(1000x10px) to my body page and vertically tiled it to achieve two column effect:

background: url(pozadina.png) repeat-y 50%;

Now I wish to move it some pixels towards bottom to have that nice margin-top effect, but can't figure it out with background-position, and don't even know if possible.

Any help appreciated. Thanks you! ;)

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

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

发布评论

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

评论(2

醉南桥 2025-01-05 17:34:50
background-position: center, 90%;

或者

background-position: center, bottom;
background-position: center, 90%;

or

background-position: center, bottom;
有木有妳兜一样 2025-01-05 17:34:50

解决了:

body:before{
        content: "";
        height: 15px;
        display: block;
        background: white;
    }

谢谢大佬! ;)

Solved it:

body:before{
        content: "";
        height: 15px;
        display: block;
        background: white;
    }

Thanks you guy! ;)

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