使div出现在当前用户屏幕中

时间:2018-08-06 12:18:09

标签: jquery html5 css3

我有一个工作正常的“迷你滑块”。我想让用户点击任何图像,并显示一个div标签,该标签包含另一个滑块(它几乎占据了整个屏幕)。我已经尝试过将其与display放在一起:none并单击任何图像时更改为block,但是我遇到了以下问题:

  • 我不知道如何放置它,使其出现在用户当前屏幕的中央

  • 我不知道如何使用z-index,以便它出现在所有其他元素上

任何想法都很棒,谢谢!

2 个答案:

答案 0 :(得分:0)

您要搜索的内容可能与此https://www.lokeshdhakar.com/projects/lightbox2/

非常接近

Light box的想法只是在当前代码层之上添加一个层,有点像弹出窗口,希望对您有所帮助!

答案 1 :(得分:0)

根据我的理解,这就是您需要的Image slider lightbox