如何重新创建每个tumblr文章图标旁边的箭头？
问题描述：
这是可看到的权利，在主页上：tumblr.com如何重新创建每个tumblr文章图标旁边的箭头？
我比任何事都更好奇，因为我通常不会在我的web应用程序中进入这样的设计细节。我猜测，使用JavaScript来修改边界将在这里矫枉过正或？
答
的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。