jquery - 用半透明 PNG覆盖

Answer 1

就我个人而言，我只有：

<a href="..." class="movie_poster_item" id="movie_poster_item_6">
    <div class="overlay"></div>
    <img src="..." height="267">
</a>

然后对于js：

$('.movie_poster_item').hover(function() {
  $(this).find('.overlay').show();
},
function() {
  $(this).find('.overlay').hide();
};

只需确保覆盖的 z-index 高于 img，例如：

.movie_poster_item .overlay { position: absolute; z-index: 2; }
.movie_poster_item img { position: relative/absolute; z-index: 1; }

Answer 2

您可以将半透明图像作为 a 标签的背景，如下所示：

$(this).css('background','url(poster-info-overlay.png) 0px 0px no-repeat');