Question

我的bootstrap css代码中发生了一些奇怪的事情。我看到了不应该出现的奇怪加号，而且我没有找到任何理由让他们在那里。

以下是一个示例（您可能需要放大，它们非常小）：

enter image description here

这是html（我在view source中看起来大部分未触及，以免消除可能导致问题的任何内容）：

<div align="left" class="col-xs-5 col-sm-7 col-md-7 searchresultbg" style="border:0px solid red; margin-top:10px;">                         
<div class="hidden-xs" style="border:0px solid red;"><br />
                          <a href="http://rover.ebay.com/rover/1/711-53200-19255-0/1?ff3=2&amp;toolid=10044&amp;campid=5337720480&amp;customid=999999999999999&amp;lgeo=1&amp;vectorid=229466&amp;item=121697860181" target="_blank">Strange Dragon  vol.3  Hana to Yume Comics / Manga Comic from Japan</a> <br />
                      </div>
<div class="hidden-sm hidden-md hidden-lg" style="border:0px solid red;"><br />
                          <a href="http://rover.ebay.com/rover/1/711-53200-19255-0/1?ff3=2&amp;toolid=10044&amp;campid=5337720480&amp;customid=999999999999999&amp;lgeo=1&amp;vectorid=229466&amp;item=121697860181" target="_blank">Strange Dragon  vol.3  Hana to Yume Comi [...]</a> <br />
</div>

<div class="hidden-xs" style="border:0px solid red;"><br /></div>

<div style="border:0px solid blue;">
                             Fixed Price<br />
                             Listed: Jul 07 2015 at 11:07AM<br />                                
                             Time Left: 6d 22h 0m<br />
                          </div>                              

                          <!-- site logo -->
<div class="hidden-xs"><br /></div><img src="/app/javax.faces.resource/ebaylogo.png.xhtml?ln=images" class="img-responsive maxwidth70 bottom-buffer10" />                           
</div>

这种情况发生在所有浏览器上。有什么想法吗？

编辑：我使用灰色背景图片到整行。这是css：

.searchresultbg {
    background-image:url('../resources/images/searchresultbg.jpg');
    border-radius: 8px;
}

我已经检查过，图像一尘不染。

Answer 1

cordova plugin add cordova-plugin-inappbrowser看起来因为四个圆角会合而导致这种情况，而不是幻影“+”符号。

删除后会发生什么？

border-radius

此外，您可以在JSFiddle中包含外部CSS。查看菜单中的外部资源选项，或者只在CSS中使用.searchresultbg { background-image: url('../resources/images/searchresultbg.jpg'); }，如下所示：

@import

Answer 2

我的解决方案是使用背景颜色而不是图片。所以这是css：

.searchresultbg {
    /*background-image:url('../resources/images/searchresultbg.jpg');*/
    border-radius: 8px;
}
.container-fluid .searchresultbg{background:#f2f2f2!important;}

愚蠢的加号消失了，一切都很顺利。

奇怪的加号在bootstrap css中

2 个答案: