是否有可能在背景属性中使用相同的图像两次？

-1

我正在制作一个导航列表，我想知道是否有一种方法可以使用CSS中的background属性在用户将鼠标悬停在链接的两侧上时放置图像。以下是我目前有：是否有可能在背景属性中使用相同的图像两次？

nav.vertical li a:hover { 
    background: #D4CD00 url(wnaderknight.png) right/25px 25px no-repeat; 
    color: black; 
}

来源

2016-08-01 Garrett Henry

见背景，地位和背景重复。但如果我不得不这样做，我会使用正常而不是 –

我会去检查现在。将如何显示，只有当用户在链接上悬停时才显示？我应该提一下，我使[nav.vertical li]显示：block –

是的，您可以！例如： '背景：url（wnaderknight.png）25px 25px无重复，url（wnaderknight.png）right/100px 100px不重复＃D4CD00;'颜色背景设置为最后一张图片:) –

您可以使用多个背景或假点

.bg { 
 
    display:inline-block; 
 
    padding:30px; 
 
    background:url(http://www.icone-gif.com/icone/nature/terre/terre-32.png) right/25px 25px no-repeat,url(http://www.icone-gif.com/icone/nature/terre/terre-32.png) left/25px 25px no-repeat 
 
} 
 
.psdo:before, 
 
.psdo:after { 
 
    vertical-align:middle; 
 
    display:inline-block; 
 
    content:url(http://www.icone-gif.com/icone/nature/terre/terre-32.png) 
 
}

<a href="#" class="bg"> link with bg image on both sides </a> <br/> 
 
<a href="#" class="psdo"> link with bg image on both sides </a>

来源

2016-08-01 17:40:48

谢谢！第一部分工作完美！ –

是否有可能在背景属性中使用相同的图像两次？

回答

相关问题