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

次のように、タグの背景として半透明の画像を作成できます。

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