Css 背景图像未在导航中显示

我只是不明白为什么我的背景图像没有显示在导航栏的右上角。移动视图显示图像，但我的桌面视图显示为空白。仅供参考，我正在使用wp入门主题FoundationPress。任何指导都将不胜感激！谢谢

<div class="off-canvas-wrap" data-offcanvas>
<div class="inner-wrap">
  <?php do_action('foundationPress_layout_start'); ?>
      <nav class="tab-bar show-for-small-only">
        <section class="right-small">
          <a class="right-off-canvas-toggle menu-icon" ><span></span></a>
        </section>
          <section class="middle tab-bar-section">
             <!--  Top right logo mobile-->
               <a href="#">
                  <div class="title logo"></div><!-- This one shows up on mobile view-->
               </a>
          </section>
      </nav>

      <aside class="right-off-canvas-menu">
        <?php foundationPress_mobile_off_canvas(); ?>
      </aside>

    <div class="top-bar-container contain-to-grid show-for-medium-up">
        <nav class="top-bar">
            <ul class="title-area">
                <li class="name"><a href="#" class="m-desk-logo"></a> <!--  This doesn't show up on desktop view-->
                </li>
            </ul>
            <section class="top-bar-section">
                <?php foundationPress_top_bar_l(); ?>
                <?php foundationPress_top_bar_r(); ?>
            </section>
        </nav>
    </div>

在jsbin中它对我有效。

---

按Shift+F5键可清除缓存。

确定如果我更改了缓存，它对我有效

论css

.m-desk-logo {
background-size: 100px;
width: 100px;
height: 200px;
}

在html上，不需要在

<li  class="name m-desk-logo"><a href="#"></a>

---

只有在设置高度和宽度时，背景大小包含才起作用！问题的一部分是由于某种原因，li没有溢出……

将span设置为块元素，以便能够看到背景img

.m-desk-logo {
   background: url(http://upload.wikimedia.org/wikipedia/commons/2/20/Ursus_maritimus_us_fish.jpg) no-repeat;
   height:45px;
   display:block;
}

---

我建议在此基础上添加一个JSFIDLE，这样我们就可以直接使用您的代码。我不会立即发现您的html和css有任何错误，但如果您可以将其放在JSFIDLE或类似的工具中，这将更容易提供帮助。可以，我现在正在设置它。谢谢。@MannfromReno我不知道如何在jsfiddle中获取它，而是将它放在jsbin中。谢谢@杰伊把链环放在底部。谢谢，杰！我试过了，但是谢谢你的建议。还是不走运。特异性可能会阻止图像显示？我得到解决方案后会发布。我感谢你的帮助。

.m-desk-logo {
   background: url(http://upload.wikimedia.org/wikipedia/commons/2/20/Ursus_maritimus_us_fish.jpg) no-repeat;
   height:45px;
   display:block;
}