代码之家  ›  专栏  ›  技术社区  ›  Andrea Ambu

如何将元素放在浏览器窗口中间的顶层?

css
  •  0
  • Andrea Ambu  · 技术社区  · 17 年前

    编辑:我使用浏览器的窗口,而不是页面或屏幕,这样,如果浏览器处于“窗口”模式(而不是全屏),它无论如何都会居中。


    我需要写一个倒计时,它会暂时模糊页面,并在浏览器窗口中间“3”,“暂停”“2”,另一秒“1”,另一秒,应用程序应该启动。

    问题是如何把这个数字放在那里,并以这种方式。所以这是一个CSS问题,而不是JavaScript,除非有一个JS框架可以轻松地完成这件事:P

    把它放在顶层就足够了:

    position: absolute;
    z-index: 1;  
    

    假设z>中没有任何其他元素1. 剩下的部分怎么做?

    我想我必须创建一个带有半透明背景的全窗口大小的div(有什么提示吗?)然后在上面写下巨大的数字。它显然应该与任何决议一起起作用。

    3 回复  |  直到 17 年前
        1
  •  1
  •   Richard    17 年前

    纵观全局 屏幕 --我希望这不可能。我不希望我的浏览器中的任何东西能够对其他浏览器选项卡有那么多的控制,更不用说屏幕的其余部分了。

    在浏览器中,这当然是可能的。。。“插入超链接”对话框可以做到这一点。

        2
  •  1
  •   mathieu    17 年前

    如果您想要所有自定义javascript,请查看 http://blog.madskristensen.dk/post/Custom-LightBox-JavaScript.aspx

    或者你可以使用 JQuery Thickbox

        3
  •  1
  •   Community Mohan Dere    9 年前

    我想试试灯箱/厚箱走近马修 recommended .如果你想自己做CSS。。。在我的脑海里:

    div#countdown{
      background: #000;
      color: #fff;
      font-size: 30px;
      height: 100%;
      line-height: 100%; <!-- not sure if this line would work -->
      opacity: .8;
      width: 100%;
    }