我使用padding-bottom-calc来阻止占位符加载时文本跳转。这是可行的,但是应该显示在占位符顶部的悬停图像现在显示在其下方。
我尝试了很多事情,但总是把事情搞得一团糟。这是一把小提琴,展示了这个问题JSFiddle
我不知道为什么这个演示中的占位符这么小,但它在我的页面上看起来很好。我还试图使悬停图像保持为活动图像,直到下一个类别链接悬停。
我使用padding-bottom-calc来阻止占位符加载时文本跳转。这是可行的,但是应该显示在占位符顶部的悬停图像现在显示在其下方。
我尝试了很多事情,但总是把事情搞得一团糟。这是一把小提琴,展示了这个问题JSFiddle
我不知道为什么这个演示中的占位符这么小,但它在我的页面上看起来很好。我还试图使悬停图像保持为活动图像,直到下一个类别链接悬停。
我通过移除图像周围的图形元素并应用style="padding-bottom: calc((height/width)*100%); position: relative"
到<div class="img_container"
而是包含占位符和悬停图像。
我在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