Css svg图像前后与svg图像
我有一个下拉列表,只有在有人登录时才处于活动状态 这是我的css代码Css svg图像前后与svg图像,css,Css,我有一个下拉列表,只有在有人登录时才处于活动状态 这是我的css代码 .hasDropdown>a:after { content: "\e259"; font-family: Glyphicons Halflings; position: absolute; top: 0px; right: 13px; display: block; font-size: 13px; color: #e1b130; } .hasDropdo
.hasDropdown>a:after {
content: "\e259";
font-family: Glyphicons Halflings;
position: absolute;
top: 0px;
right: 13px;
display: block;
font-size: 13px;
color: #e1b130;
}
.hasDropdown>a.isActive:after {
content: "\e260";
}
上述方法很好用。。我想做的不是使用字体,而是使用箭头svg图像,我尝试了以下方法
.hasDropdown>a:after {
content: url(arrow.svg);
position: absolute;
top: 0px;
right: 13px;
display: block;
color: #e1b130;
}
但它不显示您是否尝试过:
.hasDropdown>a:after {
background-image: url(arrow.svg);
background-position: center center;
background-size: cover;
width: 40px;
height:40px;
position: absolute;
top: 0px;
right: 13px;
display: block;
color: #e1b130;
}
也许URL需要调整?