工具提示显示困难

时间:2016-12-20 16:04:46

标签: javascript php html css tooltip

我试图解决在我正在开发的网站中创建工具提示界面时遇到的问题。我借助HTML,CSS和JavaScript构建了工具提示。脚本非常简单,你可以在下面的小提琴中看到,并且基于切换行为,触发元素打开弹出工具提示。

jsFiddle

现在!我的问题是,我无法弄清楚如何将触发器放在一切的顶部,这样弹出窗口就不会隐藏它们!让我解释。由于弹出窗口,即使它们关闭,有时会覆盖触发器元素,它们(触发器)只会导致无法点击。就像他们隐藏在隐形弹出窗口后面。这是现在如何在线的链接。

http://271116.lucamule.com/studio-1

我希望你能看到问题!有谁知道如何解决这个问题?

1 个答案:

答案 0 :(得分:0)

初始化后,您已将.pop-ups更改为“阻止”。 $("div.pop-up").css({'display':'block','opacity':'0'})

如果你想显示/隐藏,我建议使用.fadeIn / .fadeOut:http://api.jquery.com/fadein/

相关问题