隐藏/显示文本而不是图像

Hide / show text instead of image

本文关键字：图像 文本 显示 隐藏      更新时间：2023-09-26

当我将伪链接悬停在顶部菜单上时，我想显示相应的text而不是image。

我也有类似的。

面对的问题，文本不上升到放置图像和正在处理的脚本

$('.spoiler').hide();
$('.pseudo-top-menu .pseudo-link').on({
    mouseenter: function() {
        var index = $(this).parent().index() + 1;
        $('.t' +index).fadeOut();
        $('.t' +index+ '+.spoiler').fadeIn();
    },
    mouseleave: function() {
        var index = $(this).parent().index() + 1;
        $('.t' +index+ '+.spoiler').fadeOut();  
       $('.t' +index).fadeIn();
    }
});

小提琴

要使span浮动在图像上，请创建span position:absolute和容器postion:relative 

.teasers-menu li{
    position:relative;
}
.teaser, .spoiler { 
     position:absolute;
 }
https://jsfiddle.net/v3k8re1p/7/

相关文章：