Html CSS将标题h1标记更改为徽标

我正在试着替换这个

带有标志的线条应放置在我的顶部菜单后，并固定位置。但是当我应用CSS代码时，什么也不显示

这就是我尝试应用CSS代码的方式：

#header .inner h1 a {
    float: left;
    display: block;
    background:url('https://www.google.cz/url?sa=i&rct=j&q=&esrc=s&source=images&cd=&cad=rja&uact=8&ved=0ahUKEwiJxavlxfLLAhVBORQKHbAaB2MQjRwIBw&url=http%3A%2F%2Fdesign.ubuntu.com%2Fdownloads%3Fmetadata%3Delement-logo%2Bbrand-ubuntu&psig=AFQjCNGNBTguZJPq3hjdH5AHeMs-P7V1dQ&ust=1459775537916571') no-repeat;
}

#header .inner h1 span {
    display: none;
}

是我的问题的例子，我只能修改CSS代码

---

请问有什么解决办法吗？

是否检查了图像路径是否有效？因为它不是

编辑

现在，如果你想固定图像，你必须添加

position:fixed并指定
宽度
和
高度
。您还必须在列表中添加一个
填充顶部
，使其可见


当将“独生子”设置为“无”时，您也可以使用伪元素加载图像：


#主体{
宽度：100%；
高度：900px；
}
#标题{
浮动：左；
宽度：100%；
}
#标题.内分区{
位置：固定；
排名：0；
宽度：100%；
高度：30px；
颜色：白色；
背景色：#5F5F；
}
#标题.内部#顶部菜单.登录{
文字装饰：无；
显示：内联块；
浮动：对；
右边填充：20px；
衬垫顶部：-10px；
颜色：白色；
}
#收割台。内部h1 a{
浮动：左；
}
#标题。内部h1 a：之前{
内容：url（'http://design.ubuntu.com/wp-content/uploads/ubuntu-brandmark-thumb2.png');
}
#收割台。内部h1跨度{
显示：无；
}








根据css规则，您需要确保以下事项：-

“#header.a”规则应具有“height”、“width”属性，尤其是当您希望使用“background”属性显示图像时

确保您声明的映像路径正确

#header.inner h1 a{

背景：#eee url（''）无重复；

显示：块；

浮动：左；

高度：50px；

位置：固定；

宽度：50px；

}

这应该可以解决问题。
如前所述，您需要调整a的大小，否则它没有大小。
#header .inner h1 a {
    display: block;
  background:url('http://lorempicsum.com/futurama/350/200/1') no-repeat;
  width: 100%; height: 200px;
}

#header .inner h1 a {
    display: block;
  background:url('http://lorempicsum.com/futurama/350/200/1') no-repeat;
  height: 200px;
  background-size: cover;
  position: fixed;
  left:8px; right: 0;
}

#menubar { padding-top: 200px; }