Почему лайтбокс не работает, когда div имеет дочерний div

Question

Я использую плагин lightbox для использования rel = "lightbox", чтобы запустить лайтбокс в галерее, которую я создаю, используя Pluin Custom Custom Fields. Все работает отлично, пока я не хочу добавить дочерний div, который абсолютно помещен в поле div. Предполагается, что он будет изменять непрозрачность при наведении курсора и все равно будет срабатывать огонь из лайтбокса.

Моя разметка

<?php if(get_field('image')): 
    $attachment_id = get_field('image'); 
    $size = "full"; 
    $image = wp_get_attachment_image_src($attachment_id, $size); 
    $alt = get_post_meta($attachment->ID, '_wp_attachment_image_alt', true); 
    $image_title = $attachment->post_title; 
    $caption = $attachment->post_excerpt; 
    ?> 
    <a href="<?php echo $image[0]; ?>" rel="lightbox"><?php echo wp_get_attachment_image($attachment_id, medium); ?> </a> 
     <div class="hover-title"> 
    <?php the_field('hover_title');?> 
    </div><!-- hover title --> 
    <?php endif; ?> 
    </div><!-- box --> 

Если я просто удалить "парить-заголовок" Lightbox работы. Но я хочу использовать это :)

my css: .box a { margin: 5px; float: слева; позиция: относительная; переполнение: скрыто; непрозрачность: 1; дисплей: блок; }

Answer 1

является то, что полный код. если это так, то вам не хватает открытия <div>.

FYI первые две строки должны читать

$attachment_id = get_field('image'); 
if ($attachment_id) { 

} 

нет необходимости называть get_field() дважды, это база данных вызова после того, как все.

Удача