Question

我有一个HTML页面的背景图片，我只用于页面的顶部。所以当我给了repeat-x时，图像的标题内容部分太长了以至于它来自实际的标题内容页面。有没有办法让它仅限于标题部分，根据它的高度或多或少（使用时增加或减少背景图像的顶部（必需部分））。此外，如果有一个纯色的背景图像，如何获取其颜色代码，以便我可以背景颜色属性而不是背景。该网页的网址为http://www.freecsstemplates.org/preview/fotofolium/＆amp;我想减少标题部分中黑色的高度。

Answer 1

设置背景不是为了（我假设）<body>标签，而是为标头设置它。使用CSS background速记属性，如下所示：

header {background:#ffffff url('img.png') repeat-x right top;}

您可以在此处指定默认背景颜色（此处为#ffffff）和背景图像。

Answer 2

您可以更改背景位置以使黑色部分更薄。渐变的结束颜色为＃325e00 。您可以在背景上添加此颜色以获得完整渐变。

body {
        background: url("images/wrapper-bg.png") repeat-x scroll 0 -35px #335F01;
        color: #333333;
        font-family: 'Arvo',serif;
        font-size: 14px;
        margin: 0;
        padding: 0;
    }

自定义背景重复而不实际编辑源

2 个答案: