某些图标有时不可见

Question

有些图标有时是不可见的(在引导模式下)。这种情况很少发生。

所有的图标都在一个文件中，所以这些图标正在加载。

我验证了html，所有的标签都是正确关闭的。

如果我检查任何元素并更改(任何元素的)任何css属性，所有隐藏的图标都会立即显示。

​

​

​

​

bootstrap modal上的粗体、斜体和十字图标都有这个问题。

超文本标记语言是用JavaScript (字符串)编写的，并附加到超文本标记语言引导模式元素中。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>

Answer 1

这取决于你是如何使用eg的。

1. 如果你使用的是启动图标或者字体图标，那么你不应该使用cdn‘.
2. 如果图标在你的本地驱动器中，那么你可以查看加载时间，然后你可以优化图标