[英]Background css image not showing
我的HTML页面上有一个我想要显示的链接。 图标没有出现,我不知道为什么。 图像图标位于我项目中的子文件夹中,可以找到它(双重检查)。 我正在使用括号IDE。
Html文件:
<div class="delivery"><a href="Delivery-Options.html">£2.99 Delivery >>More info</a></div>
Css文件:
.delivery {
float:left; width:59%; padding-left:48px;
background:#ccc; background-image: url(images/delivery.jpg) 8px center;
}
background-image
不接受您正在使用的简写。 改为改为background
。
正如@Gezzasa在评论中指出的那样,使用background
速记将覆盖以前的background-color
。 更新的代码段显示了两者。 请注意,颜色应出现在图像之后。
.delivery { float: left; width: 59%; padding-left: 48px; background: url(https://picsum.photos/200/300) #ccc; background-repeat: no-repeat; background-position: 8px center; }
<div class="delivery"><a href="Delivery-Options.html">£2.99 Delivery >>More info</a></div>
您在background-image
参数中使用了背景位置。
删除它并将其放入background-position
例如: background-position: 8px center; background-image: url(images/delivery.jpg);
background-position: 8px center; background-image: url(images/delivery.jpg);
这会将左侧的图像显示为图标。 您可以更改背景大小。
.delivery {
width:59%;
padding-left:48px;
background-size: 18px 18px;
background-image:url(coffee.jpg) ;
background-repeat: no-repeat;
}
HTML
<div class="delivery"><a href="Delivery-Options.html">£2.99 Delivery >>More info</a></div>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.