某些图标在某个时间不可见

时间:2017-07-03 13:27:44

标签: html css twitter-bootstrap bootstrap-modal

有些图标在某些时候不可见(在自举模式下)。它很少发生。
所有图标都在一个文件中,因此这些图标正在加载 我验证了html,所有标签都正确关闭了 如果我检查任何元素并更改任何css属性(任何元素),则立即显示所有隐藏的图标。

Bold and italic icon missing


All the icons are visinle

Bold,Italic和bootstrap模式上的十字图标出现了这个问题。

Html是用JavaScript(字符串)制作的,并附加到html bootstrap模态元素。 Html就像:

<div class='padding0 pos-rel cursor-pointer inline-block block-width pop-btns toolbar-action both input'>
    <i class='jd-font-inherit color-inherit font-10 edit-text pos-rel toolbar-action icon-bBold both input' key='toggleClass@@bold'></i>&nbsp;
    <div class='popover fade top in jd-font-roboto dark-gray-pop no-bdrs edit-detail-popover'>
        <div class='arrow'></div>
        <div class='popover-content'>
            <span class='padding0 txt-white'>Bold</span>
        </div>
    </div>
</div>


<div class='padding0 pos-rel cursor-pointer inline-block block-width pop-btns toolbar-action text'>
    <i class='jd-font-inherit color-inherit font-10 edit-text pos-rel toolbar-action icon-aDown text' key='changeFont@@decrease-font'></i>&nbsp;
    <div class='popover fade top in jd-font-roboto dark-gray-pop no-bdrs edit-detail-popover'>
        <div class='arrow'></div>
        <div class='popover-content'>
            <span class='padding0 txt-white'>Decrease Font</span>
        </div>
    </div>
</div>

1 个答案:

答案 0 :(得分:0)

这取决于你如何使用例如。

  1. 如果您使用的是自举图标或字体很棒的图标,那么就不应该使用cdn&#39;。
  2. 如果图标在您的驱动器中是本地的,那么请查看加载时间,然后您可以优化图标