-1

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

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

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

即使在 chrome 开发人员工具中,我也尝试过搜索该徽标源,但我无法找到它。

首先,文字标志从何而来?

其次,为什么放在主要用于斜体文本的 < i > 标签下。

4

1 回答 1

0

对该元素的快速检查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元素,那是我无法理解的。我不会选择它,但我猜他们选择了。

于 2013-09-26T17:36:21.480 回答