Html Unicode下三角不';我不会出现在IE9中

Html Unicode下三角不';我不会出现在IE9中,html,internet-explorer,css,internet-explorer-9,Html,Internet Explorer,Css,Internet Explorer 9,我想在我的CSS下拉菜单中包括一个向下的三角形。它在除IE9之外的所有浏览器中都能正常工作 在普通浏览器(Firefox、Opera、Chrome等)中,它看起来是这样的: 然而,在IE9中,它是这样显示的: CSS代码: .parent-down > em:after, .parent-down > a > em:after { content: "\25be"; } 知道问题出在哪里吗?我该如何解决它?IE9中有一个错误,导致容器的字体设置为该容器第一个元

我想在我的CSS下拉菜单中包括一个向下的三角形。它在除IE9之外的所有浏览器中都能正常工作

在普通浏览器(Firefox、Opera、Chrome等)中,它看起来是这样的:

然而,在IE9中,它是这样显示的:

CSS代码:

.parent-down > em:after, 
.parent-down > a > em:after  {
    content: "\25be";
}

知道问题出在哪里吗?我该如何解决它?

IE9中有一个错误,导致容器的字体设置为该容器第一个元素的字体。尝试在选择器之前设置一个
:如下所示:

.parent-down >em:before,
.parent-down> a > em:before {
    content: '';
}
这将迫使IE9识别指定给容器的字体是要使用的字体


请参阅,它描述了一个类似的问题,并给出了此解决方法,这为我解决了这个非常棘手的问题。

IE9中有一个错误,导致将容器的字体设置为该容器的第一个元素的字体。尝试在
选择器之前设置一个
:如下所示:

.parent-down >em:before,
.parent-down> a > em:before {
    content: '';
}
这将迫使IE9识别指定给容器的字体是要使用的字体


请参阅,它描述了一个类似的问题,并给出了此解决方法,这为我解决了这个非常棘手的问题。

IE9中有一个错误,导致将容器的字体设置为该容器的第一个元素的字体。尝试在
选择器之前设置一个
:如下所示:

.parent-down >em:before,
.parent-down> a > em:before {
    content: '';
}
这将迫使IE9识别指定给容器的字体是要使用的字体


请参阅,它描述了一个类似的问题,并给出了此解决方法,这为我解决了这个非常棘手的问题。

IE9中有一个错误,导致将容器的字体设置为该容器的第一个元素的字体。尝试在
选择器之前设置一个
:如下所示:

.parent-down >em:before,
.parent-down> a > em:before {
    content: '';
}
这将迫使IE9识别指定给容器的字体是要使用的字体


请参阅,它描述了一个类似的问题,并给出了此解决方案,它为我解决了这个非常棘手的问题。

我偶然找到了解决方案

但是IE9不显示
“\25be”
(▾) 字符,它显示
“\25bc”
(▼).

它是相同的下三角,但是有点大。所以现在我用这个,用CSS改变它的大小,所以它看起来和原来的版本一样。 别问为什么,IE9很奇怪

我的新代码:

.parent-down > em:after, 
.parent-down > a > em:after  {
    content: "\25bc";
    font-size: 8px; 
    vertical-align: 2px;
    margin-left: 2px;
}

我偶然找到了解决办法

但是IE9不显示
“\25be”
(▾) 字符,它显示
“\25bc”
(▼).

它是相同的下三角,但是有点大。所以现在我用这个,用CSS改变它的大小,所以它看起来和原来的版本一样。 别问为什么,IE9很奇怪

我的新代码:

.parent-down > em:after, 
.parent-down > a > em:after  {
    content: "\25bc";
    font-size: 8px; 
    vertical-align: 2px;
    margin-left: 2px;
}

我偶然找到了解决办法

但是IE9不显示
“\25be”
(▾) 字符,它显示
“\25bc”
(▼).

它是相同的下三角,但是有点大。所以现在我用这个,用CSS改变它的大小,所以它看起来和原来的版本一样。 别问为什么,IE9很奇怪

我的新代码:

.parent-down > em:after, 
.parent-down > a > em:after  {
    content: "\25bc";
    font-size: 8px; 
    vertical-align: 2px;
    margin-left: 2px;
}

我偶然找到了解决办法

但是IE9不显示
“\25be”
(▾) 字符,它显示
“\25bc”
(▼).

它是相同的下三角,但是有点大。所以现在我用这个,用CSS改变它的大小,所以它看起来和原来的版本一样。 别问为什么,IE9很奇怪

我的新代码:

.parent-down > em:after, 
.parent-down > a > em:after  {
    content: "\25bc";
    font-size: 8px; 
    vertical-align: 2px;
    margin-left: 2px;
}

您需要为包含特殊字符的(伪)元素声明字体系列,以便仅使用。例如,在声明中添加以下规则:

font-family: Arial Unicode MS, Lucida Sans Unicode, sans-serif;
当您声明Helvetica时,正如您在评论中所说,Windows根据其自身的特殊内部规则将其视为Arial(如果Helvetica不可用,并且通常不可用)。由于Arial不包含该字符,浏览器应按其设置设置的顺序检查系统中的不同字体,以找到包含该字符的字体。浏览器可能无法执行此操作,IE通常会执行此操作


在这种情况下,可能最好使用另一个更可见的字符,它恰好具有更好的字体覆盖率。基本原则仍然是,在声明字体时需要特别注意特殊字符。有关此方面的一般性,请参阅my。

您需要声明(伪-)的字体系列元素,该元素包含特殊字符,因此您只能使用。例如,在声明中添加以下规则:

font-family: Arial Unicode MS, Lucida Sans Unicode, sans-serif;
当您声明Helvetica时,正如您在评论中所说,Windows根据其自身的特殊内部规则将其视为Arial(如果Helvetica不可用,并且通常不可用)。由于Arial不包含该字符,浏览器应按其设置设置的顺序检查系统中的不同字体,以找到包含该字符的字体。浏览器可能无法执行此操作,IE通常会执行此操作


在这种情况下,可能最好使用另一个更可见的字符,它恰好具有更好的字体覆盖率。基本原则仍然是,在声明字体时需要特别注意特殊字符。有关此方面的一般性,请参阅my。

您需要声明(伪-)的字体系列元素,该元素包含特殊字符,因此您只能使用。例如,在声明中添加以下规则:

font-family: Arial Unicode MS, Lucida Sans Unicode, sans-serif;
当您声明Helvetica时,正如您在评论中所说,Windows根据其自身的特殊内部规则将其视为Arial(如果Helvetica不可用,并且通常不可用)。由于Arial不包含该字符,浏览器应按其设置设置的顺序检查系统中的不同字体,以找到包含该字符的字体。浏览器可能无法执行此操作,IE通常会执行此操作

在这种情况下,可能最好使用另一个更可见的字符,它恰好具有更好的字体覆盖率