如何使一個div的懸停效果

我想爲整個div（不是圖像），（like this example）添加一個懸停效果，但不起作用，我需要保留這種形式的html，因爲有其他屬性。我需要你的幫助，謝謝。如何使一個div的懸停效果

/** \t DIV WITH EFFECT */ 
 
<div class="col-md-3 col-md-3 main-sidebaramberse sidebaramberse siverge"> 
 
    <ul id="main-sidebarambersese" class="siverge"> 
 
    <li id="armonioso-text-2" class="widget widget_armonioso_text"> 
 
    <div class="armonioso- textwidget-wrapper armonioso-textwidget-no-paddings"> 
 
     <div class="armonioso-textwidget" data-style="background-image: url(www.myweb.com/myimage.jpg);padding: 40px 30px ;color: 
 
      #ffffff;text-align: center;"> 
 
      <h5>ONE TOPIC</h5> 
 
      <h3>SECOND</h3> 
 
      <p>Something to say... 
 
      <p><a class="btn alt" href="/authors.html" 
 
       target="_self">Authors</a> 
 
     </div> 
 
    </div> 
 
    </li> 
 
    </ul> 
 
</div> 
 
/** \t DIV WITH EFFECT */

來源

2016-05-13 Amber Scarlett

首先，刪除'/ * * /'出你的HTML，排隊在HTML中使用'' –

在CSS中，徵求意見你當前的HTML，你不能只使用'div.siverge：hover {/ * effects * /};'，或者其他類中的其中一個分配給該div而不是siverge？你在尋找一種不起作用的特定效果嗎？ –

@ mark.hch謝謝你！這工作，現在我有一個問題更多...我怎麼能爲效果，例如我不想應用效果的字母和按鈕...我該怎麼辦?,謝謝 –

放在DIV ID和你的CSS文件中使用的下一個選擇：

#div's_id:hover{ 

    /*effects u wish*/ 
}

如果你無法看到效果，可能是因爲其他元素以上。

來源

2016-05-13 23:19:20 xpeiro

你好！，謝謝！！這個工程，現在我有一個問題更多...我怎麼能爲這個效果做一個例外，我不想爲這些字母和按鈕應用效果......我該怎麼辦？，謝謝 –

I需要更多的inf，你使用的是什麼css規則？ – xpeiro

這是，但我不希望將效果應用於所有，僅適用於圖像......我該怎麼辦？......'.armonioso-textwidget \t -webkit-filter：grayscale（0）blur（ 0）; \t filter：灰度（0）blur（0）; \t -webkit-transition：.3s緩入; \t過渡：.3s緩進; } .armonioso-textwidget：hover { \t -webkit-filter：greyscale（100％）blur（3px）; \t過濾器：灰度（100％）模糊（3px）; }' –

您是否在尋找特定的效果？

如果不是，所有你正試圖實現的是給定的div上的懸停效果只需使用類siverge你有？

申請懸停效果在你的CSS文件中像這樣：

div.siverge:hover { 

/*styles to be applied on hover*/ 

};

來源

2016-05-13 23:38:48

你好！，謝謝你！這工作，現在我有一個問題更多...我怎麼能爲效果，例如我不想應用效果的字母和按鈕...我該怎麼辦？，謝謝 –

如何使一個div的懸停效果

回答

相關問題