将导航栏中的"content“替换为"image”
将导航栏中的"content“替换为"image”
提问于 2017-01-28 17:04:22
.fa-home:before {
content: "\f015";
}<li>
<a href="/index.php" class="homelink">
<i class="fa fa-home"></i>
</a>
</li>
我想要将导航栏中的"content“属性"home”值替换为导航栏中相应的图像。
这是我的"Content“属性的css
.fa-home:before
{
content: "\f015";
}所以现在我需要将它替换为"header_home.png“图像。有没有人能告诉我如何用图片代替它。
回答 2
Stack Overflow用户
回答已采纳
发布于 2017-01-28 17:45:18
你可以使用类似这样的东西。您可以使用变换比例来控制图像的纵横比，就像您希望的那样。如果我没弄错你的问题。
.fa-home:before {
content:url(/concrete5/application/images/header_home.png);
transform: scale(1);
}也可以使用此方法控制高度和宽度。
.fa-home:before {
content:"";
display: inline-block;
width: 30px;
height: 30px;
background-image: url(/concrete5/application/images/header_home.png);
background-size: 30px 30px;
}Stack Overflow用户
发布于 2017-01-28 17:14:38
.fa-home:before {
content: url(header_home.png); /*use correct path to image */
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/41908033
复制相关文章
相似问题
腾讯云开发者
