【问题标题】:What is the source of facebook logo image?facebook logo 图片的来源是什么?
【发布时间】:2013-10-02 19:12:03
【问题描述】:
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 开发者工具中搜索该徽标源,但我无法找到它。
首先,文字logo从何而来?
其次,为什么放在主要用于斜体文字的标签下。
【问题讨论】:
标签:
html
facebook
firebug
google-chrome-devtools
【解决方案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 元素,这超出了我的理解。我不会选择它,但我猜他们选择了。