私はこの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を介してこれを行うにはどうすればよいですか?