【问题标题】:Bootstrap Glyphicons not showing in firefox but it is showing for ChromeBootstrap Glyphicons 未在 Firefox 中显示,但在 Chrome 中显示
【发布时间】:2016-05-18 18:24:50
【问题描述】:
        <div class="col-md-2">
            <ul class="list-unstyled">
                <li> <a class="link" href="#"><span class="glyphicon glyphicon-send" aria-hidden="true"></span>GSD Cafe</span></a></li>
                <li> <a class="link" href="#"><span class="glyphicon glyphicon-thumbs-up" aria-hidden="true"></span>Jobs Well Done</span></a></li>
                <li> <a class="link" href="#"><span class="glyphicon glyphicon-picture" aria-hidden="true"></span>Click Club</span></a></li>
                <li> <a class="link" href="#"><span class="glyphicon glyphicon-align-justify" aria-hidden="true"></span>PAge 3</span></a></li>
                <li> <a class="link" href="#"><span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span>i2i</span></a></li>
                <li> <a class="link" href="#"><span class="glyphicon glyphicon-list-alt" aria-hidden="true"></span>Announcement</span></a></li>
            </ul>
        </div>

我已将上述代码用于我的侧边栏,它适用于谷歌浏览器甚至手机,但不适用于 Firefox。

仅供参考:我有一个位于根级别的 index.html 文件,并且 glyphicons 正在为该 html 工作,但该 html(我已为其提供代码)位于不同的文件夹中。

【问题讨论】:

  • 每个图标上都有aria-hidden="true"的理由吗?
  • 不,这无关紧要,只是为了让我的 html 更具语义性。

标签: html twitter-bootstrap css responsive-design glyphicons


【解决方案1】:

打开 1.关于:Firefox中的配置 2.找到security.fileuri.strict_origin_policy属性,将其属性从‘true’改为‘false’。

外观因浏览器而异

【讨论】:

  • 它帮助解决了我的问题,然后我重置了我的 firefox 设置,令我惊讶的是它正在工作。
猜你喜欢
  • 2015-02-22
  • 1970-01-01
  • 2011-07-18
  • 1970-01-01
  • 2015-02-28
  • 2016-10-21
  • 2021-07-11
  • 1970-01-01
  • 2015-03-14
相关资源
最近更新 更多