css - 无法在引导 div 上正确使用背景图像

Question

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

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

我怎么能解决这些问题？

这是使用引导程序的 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

这张图片有点损坏，我尝试使用另一张只是因为我没有看到任何解决方案并且它有效，也许是透明背景，我不知道，但它来自图像......

Answer 2

你试过background-position:0 !important;吗？也许它被覆盖的属性。