Html 调整背景图像大小CSS

我试图在我的HTML

标题中包含一个背景图像，但它没有按我希望的方式工作

标题：

<header class="background_image">

</header>

即使这样，也只显示图像的一部分

我环顾四周，尝试添加不同的CSS属性组合，例如：

background-size: auto;
width: 100%;
position: absolute;
top: 0;
left: 0;
background-size: cover;
background-position: center center;

但是他们每一个人都有一条很细的线。起初我以为没有加载图像，但我认为只显示了一小部分图像，我假设这是一条细黑线，
图像路径（“header bg.jpg”）

那是我的猜测。CSS中图像的正确格式如下：

背景图像：url（path/to/image.png）

如本例所示：

.background_image {
    background-image: url(http://placehold.it/1200x500); // <-- This right here.
    height: 500px;
}

.background\u图像{
背景图片：url(http://placehold.it/1200x500)；//图像路径（“header bg.jpg”）
是怎么回事

这是我的猜测。CSS中图像的正确格式如下：

背景图像：url（path/to/image.png）；

如本例所示：

.background_image {
    background-image: url(http://placehold.it/1200x500); // <-- This right here.
    height: 500px;
}

.background\u图像{
背景图片：url(http://placehold.it/1200x500)；//我想您已经回答了自己的问题，
需要有一个height属性才能应用可见的背景图像

标准表明，仅仅使用CSS无法将选择器自动调整为背景图像大小……如果这正是您所追求的

话虽如此，取决于布局的其他部分…请查看此片段（另请参阅）：


div{
背景图像：url（'http://www.pets4homes.co.uk/images/articles/1111/large/feline-influenza-all-about-cat-flu-5239fffd61ddf.jpg');
背景尺寸：包含；
背景重复：无重复；
宽度：100%；
身高：0；
填充顶部：66.64%；/*（img高度/img宽度*宽度）*/
/* (853 / 1280 * 100) */
}
我想您已经回答了自己的问题，
需要有一个height属性才能应用可见的背景图像

标准表明，仅仅使用CSS无法将选择器自动调整为背景图像大小……如果这正是您所追求的

话虽如此，取决于布局的其他部分…请查看此片段（另请参阅）：


div{
背景图像：url（'http://www.pets4homes.co.uk/images/articles/1111/large/feline-influenza-all-about-cat-flu-5239fffd61ddf.jpg');
背景尺寸：包含；
背景重复：无重复；
宽度：100%；
身高：0；
填充顶部：66.64%；/*（img高度/img宽度*宽度）*/
/* (853 / 1280 * 100) */
}
我仍然不清楚您具体要求的是什么。另外，您没有提供太多的代码，您可以添加HTML吗？@crazymatt在这种情况下，HTML不是很重要，但我可以将其包括在内。如果您的背景图像被删除，则它只是一个标题标记，或者您的CSS代码不正确，或者您有另一个元素t帽子是重叠的。就这把小提琴：我仍然不清楚你具体要求什么。另外，你没有提供太多的代码，你可以添加HTML吗？@crazymatt HTML在这种情况下不是很重要，但我可以包含它。如果你的背景图像被剪掉，它只是一个标题标记，或者你的CSS代码不正确或不正确还有一个元素是重叠的，就是这把小提琴：image path是一个ruby-on-rails方法image-path是一个ruby-on-rails方法