CSS标题1背景图像

我这里有这张图片，我想把它作为我的

h1

我的问题是如何让左边的部分出现？这是我当前的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;
}

---

我本以为使用

左边距：-50px

会有效，但它没有起作用。

您指定

高度：36px但是你的图像是86px高。将高度更改为86px，您将看到整个画面

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

背景位置：左下
进行这些更改

.homeBottom {
position: relative;
}

.homeBottom h1 {
position: absolute;
left: -50px;
top: /* give as per required */
}

Hi现在习惯于在css中的
之后使用

像这样

HTML

<h1>Hello testing page </h1>

演示
您还可以使用属性（CSS3）。您可以在其中设置背景图像的
宽度
和
高度
。在您的情况下，如果要将背景图像的
高度设置为与
h1
元素的
高度相同，请给出：

background-size:100% 36px;

看小提琴

您可以检查此属性，使其在旧版本的IE中也能正常工作

background-size:100% 36px;