是否有可能在背景屬性中使用相同的圖像兩次？

-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

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

是否有可能在背景屬性中使用相同的圖像兩次？

回答

相關問題