html - 两个模板，一个按钮有透明背景，另一个没有

Question

除了一些颜色变化和图像变化外，我有两个几乎相同的模板。当屏幕宽度低于 767px 时，我有用于移动导航的按钮。它们只会出现在这个尺寸以下。

我的一个按钮有透明背景，另一个没有。我看了看，两张图片都有背景透明胶片。我需要带有白色背景的按钮才能具有透明背景。看起来它可能是包含具有背景的按钮的元素。这两个模板的 css 几乎相同。我不确定为什么其中一个有问题而另一个没有。我已经发布了截图链接来说明我的问题。

截图:

白底按钮(错误):http://prntscr.com/34ljql

具有透明背景的按钮(正确):http://prntscr.com/34llwk

HTML:

<p class="pull-left visible-xs" id="mobile-nav-button-container">
    <button type="button" class="btn btn-xs" data-toggle="offcanvas" id="thief-river-falls-mobile-btn">
        <img src="/_images/layout/thief-river-falls-mobile-btn.png" />
    </button>
</p>

CSS:

#mobile-nav-button-container{
   margin-top: 10px;
}

#thief-river-falls-mobile-btn{
  background-color: rgba(0,0,0,0);
  border: none;
}

网址:

问题:http://sevenclanscasino.designangler.com/thief-river-falls/thief-river-falls-home

正确:http://sevenclanscasino.designangler.com/warroad/warroad-home

Answer 1

#thief-river-falls-mobile-btn {
   background: transparent;
}

它对我有用。