HTML – 如何为背景图像保留边际?

HTML – 如何为背景图像保留边际?,第1张

概述以下是我网站代码的结构. <body class="xxx"> <div id="top-header">... code ...</div> <div id="wrapper">... code ...</div></body> 这是我用于背景图像的CSS代码. body { background-image: url('http://example.com/backg 以下是我网站代码的结构.

<body >    <div ID="top-header">... code ...</div>    <div ID="wrapper">... code ...</div></body>

这是我用于背景图像的CSS代码.

body {    background-image: url('http://example.com/background-image.jpg');    background-position: top right;    background-repeat: repeat;}

我遇到的问题是,大约50px的背景图像隐藏在“top-header”div下,高度为50px(这是菜单).如何调整代码以使背景图像正确显示在菜单下方(顶部标题)?

就是这样,你知道,我也试过这个CSS代码:

#wrapper {    background-image: url('http://example.com/background-image.jpg');    background-position: top right;    background-repeat: repeat;}

这改变了我的内容的白色背景图像.这不是我想要的.

唯一的方法是将背景图像50px的起点向下移动.我该如何定义?请尝试帮助.谢谢.

解决方法 对不起,伙计,这很容易.我实际上遵循CSS推特用于背景,我得到了它.我只需要用“右50px”替换“右上角”,其中50px等于你想要留在背景图像顶部的边距.

body {    background-image: url('http://example.com/background-image.jpg');    background-position: right 50px;    background-repeat: repeat;}

干杯!

总结

以上是内存溢出为你收集整理的HTML – 如何为背景图像保留边际?全部内容,希望文章能够帮你解决HTML – 如何为背景图像保留边际?所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1059590.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-25
下一篇 2022-05-25

发表评论

登录后才能评论

评论列表(0条)

保存