无法在bootstrap div上正确使用背景图像

Question

我正在尝试将背景图像应用到div中，它可以工作，但我无法正确使用它：

1. 我的div的顶部和背景图像的顶部之间有一个空格，通过添加background-position: 0;减少了很多，但它仍然有很多像素的空间。
2. 我应用background-repeat: x;（这显然是默认状态），但我的图像之间有一个重要的空间。

我怎么能解决这些问题？

以下是使用bootstrap的html代码：

<div class="row-fluid" id="header">
  <div id="bar" class="row-fluid">
    <div class="span12">
    </div>
  </div>
</div>

这是CSS代码：

#bar > .span12{
    position: relative;
    border-top: 3px solid black;
    border-bottom: 3px solid black;
    margin-bottom: 10%;
    height: 8%;
    background-image:url('../img/ban.png');
    background-repeat:repeat-x;
    background-position:0;
}

以下是我得到的结果：



谢谢！

Answer 1

你试过background-position:0 !important;了吗？也许该房产被覆盖了。

Answer 2

这张图片有点腐败，我尝试了另外一张因为我没有看到任何解决方案而且它有效，也许透明的背景，我不知道但它来自图像...