如何使一个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的悬停效果

回答

相关问题