该博客讨论了在网页设计中为商品图片添加链接时，使用background-image与<img>标签的优缺点。background-image需要设置高度，可能在小屏设备上截断图片，适合PC端；而<img>标签能根据页面缩放保持图片全显，适用于手机端。文章通过实例代码展示了两种方法的应用。
类似这种他的价钱名字什么的都是固定的了，我们就不用单独图片文字的写了。可以把他们整天当做背景图，上面两个a标签。通过a的定位来确定。
但是我们可以通过background:url()来做背景图，也可以直接<img src="">的方式引进到底用哪个呢？
我们来分析一下他们的优劣
background的方式你需要给这个图片设置高度否则就不显示的。但是设置了高度以后屏幕的大小会有影响图片的显示效果，可能会在小的时候就截断部分。只显示局部的。更适合pc端
.banner{background:url('../images/month_banner.png') no-repeat top center;height:680px;background-size:cover;min-width:1200px} top center缩小时头部和中心不变的缩小
<div class="page1 line1">
<div class=
最低0.47元/天 解锁文章
扫一扫
2728
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
