Question

嗨我在网格中有一个数据循环（wordpress帖子），并将鼠标悬停在其上。但是，如果最后一个是coloumn 1（满分为4），当我悬停时它也会打开下面的容器。

我不知道这是否是我长期盯着看的东西之一，但我要么错过了一些小而愚蠢的东西。

任何人都可以在这里看到问题所在。

我的代码是

<div class="wpb_column vc_column_container vc_col-sm-3" style="padding:8px">
    <a href="<?php echo post_permalink( $ID ); ?>" >
    <div class="showhim">
        <img src="http://www.qygjxz.com/data/out/114/5304683-image.jpg">
        <div class="showme"> 
            <div class="postimage-title">

                <div class="supplier-image"><a href="<?php echo post_permalink( $ID ); ?>" ><?php the_title(); ?></span></a>
                </div>
            </div> 
        </div>
        <div class="wpb_wrapper"><div class="vc_empty_space" style="height: 10px"><span class="vc_empty_space_inner"></span></div>
        </div>
    </div>
<!-- End Image box --></a>
</div>  

<?php       
    if(($the_query->current_post+1)%4 == 0){ 
        echo '<div class="clear" style="clear:left"></div>';
    }

    endwhile;
?>

这是一个链接，如果这有助于https://thetaguk.com/site/author/parm-kaur-2/

Answer 1

添加此样式：

.showhim {
    position: relative;
}
.supplier-image {
    margin-top: 0;
    position: absolute;
    top: 47%;
    margin: auto;
    width: 100%;
}

网格循环，然而最后一个项目到处跳转

1 个答案: