悬停图像显示在占位符下方,而不是叠加

时间:2019-11-16 作者:aye cee

我使用padding-bottom-calc来阻止占位符加载时文本跳转。这是可行的,但是应该显示在占位符顶部的悬停图像现在显示在其下方。

我尝试了很多事情,但总是把事情搞得一团糟。这是一把小提琴,展示了这个问题JSFiddle

我不知道为什么这个演示中的占位符这么小,但它在我的页面上看起来很好。我还试图使悬停图像保持为活动图像,直到下一个类别链接悬停。

1 个回复
最合适的回答,由SO网友:aye cee 整理而成

我通过移除图像周围的图形元素并应用style="padding-bottom: calc((height/width)*100%); position: relative"<div class="img_container" 而是包含占位符和悬停图像。

相关推荐

升级到PHP7.3并将Apache从Prefork更改为Event Breakes WordPress

我在Ubuntu 18.04上。我刚刚将服务器从PHP7.2更新为PHP7.3using this guide之后,我将Apache从Prefork更改为Eventusing this guide现在,当我访问Wordpress网站时,我看到以下内容,而不是普通的主页:<?php /** * Front to the WordPress application. This file doesn\'t do anything, but loads * wp-blog-hea