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

Question

我有一个HTML页面的背景图片，当我给repeat-x时，我只使用page.So的顶部，图片的标题内容部分太长了，它来自于page.Is的实际标题内容，有一种方法使它仅限于标题部分，这取决于它的高度或多或少(使用时只增加或减少背景图像的顶部部分(必需部分))。另外，如果有一个背景图像有一个普通的颜色，如何获得它的颜色代码，以便我可以背景颜色属性而不是背景。该网页的网址是http://www.freecsstemplates.org/preview/fotofolium/ &我想减少在标题部分黑色的高度。

Answer 1

您可以更改背景位置以使黑色部分变薄。渐变的结束颜色是#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;
    }

Answer 2

不是为(我假设) <body>标签设置背景，而是为标题设置背景。使用CSS background速记属性，如下所示：

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

在这里你可以指定默认的背景色(这里是#ffffff)和背景图像。