javascript - 悬停时删除 div

Question

我有这个 HTML 结构:

 <div class="shadow"></div>
<div id="slide_img">
  <ul class="clearfix">
   <li><img src="themes/company/img/01.png"></li>
   <li><img src="themes/company/img/02.png"></li> 
   <li><img src="themes/company/img/03.png"></li> 
   <li><img src="themes/company/img/04.png"></li> 
   <li><img src="themes/company/img/05.png"></li> 
   <li><img src="themes/company/img/01.png"></li>  
 </ul>
</div>

在我的 img 上阴影 div 并获得不透明效果。但是当悬停在 img 上时，删除这个阴影 div。

阴影 CSS:

.shadow {
  background: none no-repeat scroll center center #000000;
  height: 250px;
  left: 0;
  margin: 0;
  opacity: 0.7;
  padding: 0;
  position: absolute;
  width: 1838px;
  z-index:2;
}

我如何通过 jQuery 做到这一点？

Answer 1

将你的 .shadow div 放在 #slide_img 中，你可以使用纯 CSS 来完成:

#slide_img:hover .shadow{
    display: none;
}