导航栏和它上面的图像之间的空白空间

Question

导航栏无法触摸上方的图像。如果我添加top: -6px，它只会留在那里但如果我全屏播放并且可能在其他分辨率上，则不起作用。

Fiddle

#navbar{
    font-size: 0;
    width: 100%;
    text-align: center;
    list-style-type: none;
    position: relative;
    top-margin: 0;
    padding: 0;
    margin: 0;
    background-color: #212121;
}

Answer 1

.navbar { margin-top:0px !important; }

你也可以为包含类的图像做同样的事情， 例如：

.image_con { margin-bottom:0px !important }

Answer 2

看看以下小提琴： -

https://jsfiddle.net/nrvjh64z/1/

我添加了以下内容： -

.banner {
  background-image: url("http://static.tumblr.com/ehpu61e/rOYlhep3h/header_thin_2.jpg");
  height:40px;
  width:100%;
}

<div class="banner"></div>