Question

我正在使用灯箱插件使用rel =“lightbox”在我正在使用高级自定义字段插件创建的库中触发灯箱。一切都很好，直到我想添加一个绝对位于box 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 -->

如果我只是删除“悬停标题”灯箱工作。但我想用它：）

我的css： .box a { 保证金：5px的; 向左飘浮; 位置：相对; 溢出：隐藏; 不透明度：1; 显示：块; }

Answer 1

是完整的代码。如果是，那么你错过了一个开头<div>。

fyi你的前两行应该阅读

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

}

不需要两次调用get_field（），毕竟是数据库调用。

祝你好运

为什么当div有一个子div时，lightbox不起作用

1 个答案: