CSS 标题 1 背景图片

Question

我这里有这张图片，我想将其作为 h1 的背景图片 http://inauguralseason.com/wp-content/themes/twentyeleven/images/wehavelaunched.png

我的问题是如何让左边的部分出现？这是我当前的 CSS 代码

.homeBottom h1 {
    background-image: url("http://inauguralseason.com/wp-content/themes/twentyeleven/images/wehavelaunched.png");
    color: #FFFFFF;
    height: 36px;
    margin-left: -50px;
    width: 589px;
}

我原以为使用 margin-left:-50px 会奏效，但事实并非如此。

Answer 1

您指定了 height: 36px; 但您的图像是 86px 高。将高度更改为 86px，您将看到整个内容。

如果 36px 是正确的高度，您可以改为更改背景位置。

background-position: left bottom;