我正在使用一个灯箱插件,它使用 rel="lightbox" 来触发我正在使用高级自定义字段插件创建的画廊中的灯箱。在我想添加一个绝对定位在盒子 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 { margin:5px; 向左飘浮; 位置:相对;溢出:隐藏;不透明度:1;显示:块;}