我有一个具有星芒样的效果（PNG透明背景），我想了一系列的IMGS覆盖，因为它们盘旋一个div; 我不得不做出大，以包含图像的股利，但随后在检测的图像悬停的方式获得。 （我把它们都作为背景图像，使他们通过一个高分辨率的CSS mediaquery加载）
每一个“形象”是一系列的元素看起来是这样的现在：
<div class="section">
<div class="starburst"></div>
<a href="link">
div class="image">
<div class="non-hover"></div>
<div class="hover"></div>
</div>
<p>Caption</p>
</a>
</div>
JS是这样的
$('.section a').hover(
function () {
$('.speaker .hover').hide();
$(this).find('.non-hover').addClass('focus');
$(this).find('.hover').stop().show().animate({opacity:1.0}, 1000);
},
function () {
$(this).find('.hover').stop().animate({opacity:0.0}, 0);
$(this).find('.non-hover').removeClass('focus');
}
);
我的问题是在哪里放.starbursts，如何处理他们，让他们在前面，用在悬停的图像上的背景图片，但徘徊在他们的方式没有得到。 我不知道这甚至有可能，但希望能有一种方法。 让他们分开，因为我想不同的动画它们。
