질문좀 드리겠습니다

질문좀 드리고자 합니다

스킨을 다운받아서 적용해서 조금변경중인데

하얀색배경 클릭시 롤링이 됩니다 

그런데 롤링이 되면서 이미지 뒤로 css배경이 묻혀 버립니다 

'z-index','99999 소스를 넣어도 먹질 않습니다  

이럴때는 어떻게 해야하나요 

<?php

if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가

/*

 원작자 : Jeongum.com;

*/

include_once(G5_LIB_PATH.'/thumbnail.lib.php');

function roll_strcut_utf8($str, $len, $checkmb=false, $tail='...') {

    preg_match_all('/[\xEA-\xED][\x80-\xFF]{2}|./', $str, $match);

    $m    = $match[0];

    $slen = strlen($str);  // length of source string

    $tlen = strlen($tail); // length of tail string

    $mlen = count($m); // length of matched characters

    if ($slen <= $len) return $str;

    if (!$checkmb && $mlen <= $len) return $str;

    $ret   = array();

    $count = 0;

    for ($i=0; $i < $len; $i++) {

        $count += ($checkmb && strlen($m[$i]) > 1)?2:1;

        if ($count + $tlen > $len) break;

        $ret[] = $m[$i];

    }

    return join('', $ret).$tail;

}

?>

<script>

var global_roll_issue_top = 0;

var global_roll_auto_lock = false;

$(document).ready(function(){

roll_issue_change("roll_issue_right_nav01",global_roll_issue_top);

setInterval(function(){

 if(global_roll_auto_lock == false){

 global_roll_issue_top = global_roll_issue_top - 455;

 if(global_roll_issue_top < -1820) global_roll_issue_top = 0;

 var o_code = '01';

 if(global_roll_issue_top == 0) o_code = '01';

 if(global_roll_issue_top == -455) o_code = '02';

 if(global_roll_issue_top == -910) o_code = '03';

 if(global_roll_issue_top == -1365) o_code = '04';

 if(global_roll_issue_top == -1820) o_code = '05';

 if(global_roll_issue_top == -2275) o_code = '06';

 roll_issue_change("roll_issue_right_nav"+o_code,global_roll_issue_top);

 }

},3000);

});

function roll_issue_change(o_this,object){

 var img_width = $(".roll_issue_left_img").css('width');

 $(".roll_resizeimg").css('width',img_width);

 $(".roll_resizeimg").css('min-height','300');

 $(".roll_issue_right_nav").css('background','#fff','z-index','99999');

 $("."+o_this).css('z-index','99999','background','#A3E5ED');

 $(".roll_issue_right_nav").animate({opacity : 0.4 },100);

 $(".roll_issue_left_img_bottom").animate({opacity : 0.7 },0);

 $("."+o_this).animate({opacity : 1 },200);

  $(".roll_tc").animate({top : object},300);

  global_roll_issue_top = object;

  global_roll_auto_lock = true;

  setTimeout(function(){

    global_roll_auto_lock = false;

  },10000);

}

</script>

<style>

@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');

#roll_issue, #roll_issue div, #roll_issue a, #roll_issue span {font-family: 'Nanum Gothic', sans-serif;}

div:after { content : ".";display : block;height : 0;clear : both;visibility : hidden;}

#roll_issue { margin:0px; height: 455px;}

.roll_issue_left { float:left; width:415px; height:455px; overflow-y:hidden; position:relative;}

.roll_issue_left .roll_tc {position:absolute; width:100%; top:0px; height:2300px;}

.roll_issue_left .roll_tc .roll_issue_left_img {width:100%; height:455px; overflow:hidden; position:relative;}

.roll_issue_left .roll_tc .roll_issue_left_img img {width:100%; height:455px;top:0px; position:relative;}

.roll_issue_left .roll_tc .roll_issue_left_img .roll_issue_left_img_category {position:absolute; left:0px; top:0px; width:10px; height:10px; color:white;}

.roll_issue_left .roll_tc .roll_issue_left_img .roll_issue_left_img_bottom {cursor:pointer; position:absolute; bottom:0px; left:0px; padding-top:10px; padding-bottom:10px; width:100%; color:black;  background:black;}

.roll_issue_left .roll_tc .roll_issue_left_img .roll_issue_left_img_bottom .roll_issue_left_img_bottom_title { font-size:12pt; font-weight:600; color:white; max-width:100%;}

.roll_issue_left .roll_tc .roll_issue_left_img .roll_issue_left_img_bottom .roll_issue_left_img_bottom_contents { font-size:10pt; font-weight:600; color:white; max-width:100%;}

.roll_issue_right { float:left; width:90px; height:455px; margin-left:325px;  margin-top:-448px;  }

.roll_issue_right .roll_issue_right_nav {width:90px;z-index:9999; height:75px; margin-bottom:2.4px; padding-top:7px; padding-bottom:5px;  cursor:pointer; }

.roll_issue_right .roll_issue_right_nav .roll_issue_right_nav_title { font-size:10pt; color:#000; }

.roll_issue_right .roll_issue_right_nav .roll_issue_right_nav_contents { font-size:9pt; color:#000;}

</style>

<div id="roll_issue">

  <div class="roll_issue_left">

    <div class="roll_tc">

<?php 

  for ($i=0; $i<5; $i++) {

  $thumb = get_list_thumbnail($bo_table, $list[$i]['wr_id'], 400, 455);

  $wr_id = $list[$i]['wr_id'];

  $num = $i + 1;

  if($thumb['src']) {

  $img_src = $thumb['src'];

  } else {

    $img_src = '';

  }

?>

      <div class="roll_issue_left_img roll_issue_img0<?php echo $num;?>">

        <div class="roll_issue_left_img_category">

        <?php

          if (isset($list[$i]['icon_hot'])) echo " " . $list[$i]['icon_hot'];

          if (isset($list[$i]['icon_link'])) echo " " . $list[$i]['icon_link'];

          if (isset($list[$i]['icon_secret'])) echo " " . $list[$i]['icon_secret'];

        ?>

        </div><a href="<?php echo $list[$i]['href'];?>">

        <img class="roll_resizeimg" src="<?php echo $thumb['src'];?>" alt="<?php echo roll_strcut_utf8($list[$i]['subject'],40,'...');?>" /></a>

      </div>

<? } ?>

    </div>

  </div>

  <div class="roll_issue_right">

<?php 

  for ($i=0; $i<5; $i++) {

  $num = $i + 1;

  $object_top = $i*-455;

?>

    <div class="roll_issue_right_nav roll_issue_right_nav0<?php echo $num?>" onclick="roll_issue_change('roll_issue_right_nav0<?php echo $num?>','<?php echo $object_top?>');">

      <span class="roll_issue_right_nav_title"><?php echo roll_strcut_utf8($list[$i]['subject'],30,'...');?></span>&nbsp;&nbsp;&nbsp;&nbsp;<br/>

    </div>

<? } ?>

  </div>

</div>