如何重新创建每个tumblr文章图标旁边的箭头？

的tumblr使用一个微小的跨度（.arrow）后DIV中，并与下面的CSS对其定位：

width: 12px; 
height: 23px; 
background: url("/images/dashboard_master_sprite.png?2") no-repeat -396px -247px transparent; 
position: absolute; 
left: -11px; 
top: 22px; 

正如你可以看到有一个形象（箭头）为背景的跨度和宽度和高度的设置是为了使跨度可见。

绝对标签允许重叠（尽管不完全重叠字面意义上的定位与外部div重叠），并且从顶部设置为22px，并且左侧设置为-11px，使其'跳出'div。

使用javascript会真的是矫枉过正和客户端沉重。不要这样做。大多数需要这种东西的网站都使用这种方法，因为它很轻便，它可以工作，尽管我个人更喜欢使用我的用户界面纯粹的css/html。