Twitter风格的用户帐户向下箭头

Question

我想复制Twitter等几个网站上用户名旁边的向下箭头。

我相信有两种方法可以做到这一点：创建向下箭头图像并将其设置为某种背景图像，或使用CSS创建箭头。我相信Google会将CSS方法用于他们的顶级栏目。

首选哪个选项，我该怎么做呢？

Answer 1

Twitter正在使用↓ html实体（将其附加到css content属性）。结合图像精灵，请参见此处：http://jsfiddle.net/HAZGr/

我的建议是使用图片，它保持简单，你知道它在所有浏览器上看起来都一样。

Answer 2

http://jqueryui.com/themeroller/

我就是这样做的。 JQuery是网页设计的圣杯。

Answer 3

你不能直接使用CSS（有边框黑客来创建看起来像三角形的形状等，但我不推荐它们）。

相反，谷歌，推特等现在使用的方法是拥有一个包含所有小图标的图像，加载一次，并使用以下方式偏移图像：

background-image: url("sprite-icons.png");
background-position: -176px -96px;
height: 14px;
width: 14px;