使用 CSS 的背景边距顶部效果答案

【问题标题】：Background Margin-top effect with CSS使用 CSS 的背景边距顶部效果
【发布时间】：2013-08-18 05:57:12
【问题描述】：

我想为我的背景实现一个可爱的边缘顶部效果，我的代码哪里出错了？

body {
    background-image: url("index images/background.png");
    background-repeat: no-repeat;
    background-position: center, 90%;
    background-size: 100%;
}

这是我想要的示例http://mailchimp.com/pricing/

非常感谢您的帮助。

谢谢！

【问题讨论】：

margin-top 有什么作用？您的意思是nav 在向下滚动时消失？
白色顶部是页眉而不是背景边距顶部
我认为你有一个多余的逗号。background-position: center 90%; 应该可以工作。另外，url("index images/background.png"); 不是实际的图像路径吗？ :)
@Vucko - 没有什么比这更花哨的了，只是背景和屏幕顶部之间的间隙。
@subarachnid - 是的，这是真正的路径，为什么？我删除了多余的逗号，但它仍然不起作用。

标签： html css image background

【解决方案1】：

background-position: center 50px;

您可以根据需要更改值，例如 10px 100px

【讨论】：