html - Как перекрыть Div содержать ссылку над родительским Div?

У меня есть div, содержащий 2 divs, один для , а другой содержит link. Однако, всякий раз, когда я нажимаю ссылку на «link-div», он всегда показывает модальное окно, которое я не ожидаю. он должен нормально открывать ссылку, а не модальный диалог. FYI, ссылка открыта нормально, щелкнув правой кнопкой мыши. Ниже приведены коды:html - Как перекрыть Div содержать ссылку над родительским Div?

<div class="col-sm-4"> 
    <div id="<?php echo $row['filename']?>" class="thumbnail" style="height:205px;width:337px;background-image:url('<?php echo base_url().'/uploads/thumb/'.$row['thumbnail']; ?>')"> 
     <div onClick="loadModal();" style="position: absolute;bottom:40%;left:40%;"> 
      <img src="<?php echo base_url(); ?>/uploads/thumb/play-button.png" /> 
     </div> 
     <div style="z-index:1; position:relative;" class="thumb_text"> 
      <h5 >&nbsp;Kiriman : <a href="<?php echo base_url();?>cms/detail/<?php echo $row['iduser'];?>"><u><?php echo $row['nama'];?></u></a></h5> 
     </div> 
    </div>     
</div>

модальной Код:

function loadModal() 
{ 
    $("div.modal-bg").show(); 
    $("div.modal-bg").fadeTo("slow", .5); 
    $("div#simpleModal").addClass("show"); 
}

CSS-модальной:

div#simpleModal.show 
{ 
    opacity: 1; 
    z-index: 100;   
    -webkit-transition-duration: 0.25s; 
}

меня включают style="z-index:1" во 2-й дивизии, которые содержат ссылку, но по-прежнему не смогли.

источник

2016-02-11 anunixercoder

Добавить 'onClick =" loadModal(); "' to th e 'div', содержащий изображение. –

Поскольку вы вызываете loadModal() функцию от родительского div

Так изменить свою функцию как этот

<div class="col-sm-4"> 
<div class="thumbnail" style="height:205px;width:337px;background-image:url('<?php echo base_url().'/uploads/thumb/'.$row['thumbnail']; ?>')"> 
    <div onClick="loadModal();" id="<?php echo $row['filename']?>" style="position: absolute;bottom:40%;left:40%;"> 
     <img src="<?php echo base_url(); ?>/uploads/thumb/play-button.png" /> 
    </div> 
    <div style="z-index:1" class="thumb_text"> 
     <h5 >&nbsp;Author : <a href="<?php echo base_url();?>cms/detail/<?php echo $row['iduser'];?>"><u><?php echo $row['name'];?></u></a></h5> 
    </div> 
</div>

источник

2016-02-11 09:01:54

пожалуйста попробуйте этот код <div style="z-index:1; position:relative;" class="thumb_text"> , поскольку г-индекс не работает со статическим положением (позиция по умолчанию: статическая)

источник

2016-02-11 09:05:17

вы думаете, именно поэтому его загрузка модальная при нажатии на ссылку div ?? –

привет, спасибо за ответ, но он все еще не работает ... – anunixercoder

@ user2226388 попробовал изменить onClick ?? –

html - Как перекрыть Div содержать ссылку над родительским Div?

ответ

Смежные вопросы