CSS'te bu menü görüntüsünü nasıl elde edebilirim ?

Merhabalar arkadaşlar

​https://i.imgyukle.com/2019/11/29/ROVkKU.png​​​

resimde blog veya gallery nin üzerine gelindiğinde veya tıklanıldığında arka planın gözükmesini css te nasıl sağlarım arkadaşlar

teşekkürler.

Normalde siyahlığı a'ları kapsayan dive değilde doğrudan a'lara verip sonrasında hover durumunda transparent olmasını sağlayabilirsiniz.
background-color: transparent

.div:hover {background-color:rgba(0, 0, 255, 0);}

Üzerine gelince o bloğun arkaplanını kapatırsın.
Üstteki arkadaşta cevap vermiş yine de yazayım,

link:hover {background-color: transparent}

nav ul li a:hover{
background-color:transparent;

}

bu şekil yaptım ama ne yazık ki bir sonuç alamadım.

    <!-- header div baslangic -->
    <div id="header">
        <header>
           <div class="logo">
               <h1><a href="index.html">Umut Can Aras</a></h1>
            </div>

            <nav>
              <ul>
                 <li><a href="#">Blog</a></li>
                  <li><a href="#">About</a></li>
                  <li><a href="#">Contact</a></li>

             </ul>
           </nav>
         <!-- nav sonu -->
      </header>
</div>
    <!-- header div sonu -->

html koduda bu şekildedir.

Görüntü tam tutmayabilir ama en sağlıklı yöntem a linkinin hover ına açık renk olan menü arkaplan resmini vermeniz olacaktır

Hocam li yi ayrı bir şekilde tek başına hover olarak ayarlayın.