현재 마우스를 올렸을때 오파시티먹인 로고가 나오는데 각각 그림마다 그림제목이 나오게 할수 있나요??

CSSS보면

masonry-box:hover .innerBlock.page {display:block;overflow:hidden 0.2s;background:url("http://www.로고파일이름.png") center no-repeat;opacity:0.6}

이라고 되어 있습니다.

index에는

  <div class="innerBlock">
       <h3 class="tit entry-title"><a href="<?php echo esc_url( get_permalink($postData->ID) )?>" thumb="<?php echo get_the_title($postData->ID);?>" title="<?php echo get_the_title($postData->ID);?>" rel="bookmark"><?php echo get_the_title($postData->ID);?></a></h3>
   
      </div>

라고 되어있습니다,.

그림이 메인에 50개 정도 되는데 마우스를 올렸을때 나오는 이미지는 같거든요

근데 그 페이지 제목을 텍스트로 올리고 ㅛ싶습니다

도와주세요