因此,当我查看与 HTML 网站相关的代码时,我注意到在顶部有 Facebook、Twitter 和 Google 徽标的位置,我搜索了找到链接的 HTML 代码。但是,有人可以解释为什么没有<img src="....">
图像而只有<a href=".....">
. 这可能是一个新手问题,但它困扰着我。谢谢你的帮助。
问问题
40 次
2 回答
2
这<a>
可能是用CSS设计的,有一个背景图像:
background-image: url('path/to/background/image.jpg');
于 2013-06-03T16:03:53.700 回答
0
在例如一个链接上设置 background-image CSS 属性是很常见的,而不是包括一个完整的图像标签,例如一个标志。
在没有看到示例代码的情况下,这样做的一个很好的原因可能是因为他们在将图像放入页面主体时将标签设置为看起来不错,但他们不想将这些样式应用于他们的徽标(不应该可能有填充,边距等)。使用 background-image 是一种避免继承样式的方法,而不仅仅是显式地覆盖它们。
有关何时使用一个而不是另一个的更详细的讨论,您可以尝试阅读另一个 SO 问题中的一些答案:When to use IMG vs. CSS background-image?
于 2013-06-03T16:05:33.173 回答