Question

我想在我的整个div（不是图片），（like this example）上添加悬停效果，但不起作用，我需要保留这种形式的html，因为还有其他属性。我需要你的帮助..谢谢。

＆＃13;

   /**	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>
/**	DIV WITH EFFECT */

＆＃13;

Answer 1

在div上添加id并使用css文件中的下一个选择器：

#div's_id:hover{

    /*effects u wish*/
}

如果你看不到效果，可能是因为其他元素都在上面。

Answer 2

您在寻找特定效果吗？

如果没有，而您想要实现的只是悬停效果，请使用您拥有的课程siverge？

在您的css文件中应用悬停效果，如下所示：

div.siverge:hover {

 /*styles to be applied on hover*/

};

如何对div进行悬停效果

2 个答案: