gpt4 book ai didi

html - 在 div 中使用背景图像而不是经典的 来创建带链接的图像有什么优势?

转载 作者:搜寻专家 更新时间:2023-10-31 08:55:27 24 4
gpt4 key购买 nike

<分区>

我知道使用标签的经典方式

<picture>
<a href="#top-test">
<img src="images/sample.gif" style="float:left" alt="Demo">
</a>
</picture>

但我发现一个网站只使用 divs 并一直使用 background-image 来显示图像。

他们这样做有什么好处或理由吗?这是因为将动态出现的两个图像放在悬停“立即出价”和“观察列表”上会更容易

<div class="category-image">
<a href="/catalog_items/571200">
<div class="lot-thumb" data-original="http://s3.amazonaws.com/images.charitybuzz.com/images/135744/home_page_thumb.jpg?1401827702" style="display: block; background-image: url(http://s3.amazonaws.com/images.charitybuzz.com/images/135744/home_page_thumb.jpg?1401827702);">
&nbsp;
</div>
</a>
<a class="button important item-bidder hide-for-medium-down" href="/catalog_items/571200">Bid Now</a>
<a class="button important item-watcher hide-for-medium-down" href="/catalog_items/571200/toggle_watch" data-item-id="571200" data-view="watcher">+ Watchlist</a>
</div>

检查:取自http://www.charitybuzz.com/

谢谢

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com