Question

在firebug中显示的

http://www.facebook.com主页显示左上角的“facebook”图像/图标具有以下HTML：

 <i class="fb_logo img sp_ezjerk sx_440431">
   <u>Facebook logo
   </u>
 </i>

即使是媒体资源列表也没有在png / ico / gif中显示任何出现的“facebook”图像的图像/图标。

我已尝试在Chrome开发者工具中搜索该徽标来源，但我无法找到它。

首先，文字标识来自哪里？

其次，为什么它被置于＆lt;我＆gt;主要用于斜体文本的标记。

Answer 1

快速检查i元素，显示正在应用的以下CSS类：

img
sp_ezjerk
sx_440431

后两个似乎是动态生成的，并随着每个页面加载而改变。

后两个中的第一个，在每个页面加载时，显示以下CSS规则：

background-image: url("/rsrc.php/v2/yR/r/7TyBDSy09g8.png");
background-repeat: no-repeat;
background-size: 104px 488px;
display: inline-block;
height: 32px;
width: 24px;

/rsrc.php/v2/yR/r/7TyBDSy09g8.png处的图片文件包含徽标，而CSS则将其定位为仅显示该部分图片。

至于为什么他们选择i元素，这超出了我的范围。我不会选择它，但我猜他们确实这样做了。

facebook徽标图片的来源是什么？

1 个答案: