在导航中使用Alt代码下拉列表

时间:2012-09-10 20:46:52

标签: html css drop-down-menu

我有这个导航,我使用Alt代码“▼”(Alt + 31)来显示下拉列表中的下拉列表。

ul>li.drop_down>a:before
{
content: "▼"
}

这里是否有任何问题,或者我最好为此目的使用背景图像。通过技术问题,我的意思是,但不限于,不在不同操作系统或UA中出现的角色等。

我使用的是没有BOM的UTF-8,新的Doc格式= Unix和EOL = Unix格式(不知道是否需要这些信息)。

2 个答案:

答案 0 :(得分:1)

如果文件和http标题具有正确的编码,我认为您对此字符没有任何问题。

支持“▼”的字体(Unicode块'几何形状'):

http://www.fileformat.info/info/unicode/block/geometric_shapes/fontsupport.htm

如您所见,Arial支持它(您几乎可以在每台计算机中找到此字体):

http://www.fileformat.info/info/unicode/font/arial/blockview.htm?block=geometric_shapes

答案 1 :(得分:0)

您必须将Unicode用于这些类型的事情。特别是对于▼,它是\25bc

ul > li.drop_down > a::before
{
    content: "\25bc";
}

另外,请注意我使用::before - 这是技术上正确的形式,但某些版本的IE要求您使用:before(据我所知,一切都能识别它,即使这是非标准的)。即使:before正确,您可能还需要::before