投稿記事のタイトルを、マウスが乗った時サムネ画像の上に表示できるよ

paruchanさん

返信が遅くなりまして申し訳ございません！paruchanさんの方法でできました！ありがとうございます。

ただ、サムネイルの上にマウスを置くとタイトルが表示されるようにはなったのですが、少しマウスを動かすと点滅してしまいます。

マウスを乗せている間はタイトルを表示したままにしたい時はどうすればいいのでしょうか。

本やネットで調べたりしたのですが、まだ始めたばかりのため、原因がわかりませんでした。

アドバイスいただけたら嬉しく思います。よろしくお願いします。

作っているサイトです。

<div id="content">
<?php if (is_front_page()): ?>
       <?php query_posts( 'category_name=sourvenir&posts_per_page=12' );　?>
         <div class="title"><a href="http://suliko.moo.jp/?page_id=190">副題</a></div>

           <?php if (have_posts()) : ?>
             <?php while (have_posts()): ?>
              <?php the_post(); ?>
              <div style="width:240px; height:180;margin:15px; " class="thumb">
                 <a href="<?php the_permalink(); ?>">
                 <div class="pic" ><?php the_post_thumbnail('my_thumbnail'); ?></div><h3><?php the_title(); ?></h3></a>

               </div>
             <?php endwhile; ?>
         <?php endif; ?>
      <?php wp_reset_query(); ?>

CSSです。

div#content  div.thumb a{display:block;
                      width:240px;
                      height:180px;
                      position:relative}

div#content a div.pic{position:absolute;
                      z-index:3}

div#content a div.pic:hover{z-index:1;
                            filter:alpha(opacity=40);
                            opacity:0.4;}

div#content h3 {position:absolute;
                z-index:2;
                width:240;
                color:black;
                padding:60px 10px 0 10px;}