【问题标题】:The logo of the navbar of my website disappear我网站导航栏的标志消失了
【发布时间】:2014-01-23 17:27:51
【问题描述】:

无论我的网站是 wordpress 网站,我都尝试使用 tumblr 做博客

这是我的网站:http://www.appyourself.com/

这里是我的博客:http://blog.appyourself.com

如您所见,我采用了相同的网站结构,并将其复制到我的 tumblr 主题中

只有我有一个问题,您在网站左侧导航栏上看到的徽标没有出现在博客上

我正在查看元素的“检查元素”,甚至父母,css属性都是一样的

<a href="http://www.appyourself.com/" class="navbar-brand">
<img src="http://static.tumblr.com/dbi5jhw/fJomyz3ui/logo-appyourself.png"></img>
</a>

【问题讨论】:

  • 请在此处发布您的代码的相关部分。一旦问题得到解决,问题就不再具有任何相关性。
  • 96 个 css 警告?也许先针对这些问题发布一些问题?
  • @laaposto 奇怪。我没有收到任何 CSS 错误

标签: html css wordpress image tumblr


【解决方案1】:

你必须改变css

.navbar .navbar-nav li a { 
   word-spacing: 0px;
}

【讨论】:

    【解决方案2】:

    这是因为您的导航栏宽度与徽标重叠,请尝试减小导航栏的大小。

    【讨论】:

    • 为什么要减少?这样看起来不错。你可能只需要一个更大的显示器:)
    【解决方案3】:

    出于某种原因,您的徽标位于菜单下方。 要显示它,请添加以下内容:

    .navbar-header {
        position: relative;
        z-index: 1;
    }
    

    或者更好的是,您可以移除菜单背景颜色:

    bootstrap.min.css 第 16 行 .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form 从此类中删除背景颜色

    【讨论】:

      猜你喜欢
      • 2018-04-16
      • 2011-12-11
      • 2011-06-09
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多