2016-09-18 21 views
0

打开全屏模式我使用这个 http://www.w3schools.com/howto/howto_js_fullscreen_overlay.asp只在一个div

,我有两个div,一个在另一个之上。我想知道如何只在一个div打开我的全屏覆盖,并注意在全屏谢谢

当时我想用顶部的开始:50%,但我的第一个div的高度是不固定的,

+3

告诉我们您是否尝试过的代码? – kukkuz

+0

我只是试图在类.overlay中添加顶部:50%,但是当我的div内容超过50%时,我的模态就在它上面。我只是想知道,如果在我的链接中,当您单击幻灯片的右侧或下侧时,您可以在div中打开模式? – coolio83000

回答

0

如果你改变位置:在覆盖层类中修改位置:绝对值并给它一个宽度,这对你有用吗?

我使用下面的页面,并改变覆盖类: http://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_overlay2

.overlay { 
    height: 0%; 
    width: 100%; 
    position:absolute; 
    width:200px; 
    z-index: 1; 
    top: 0; 
    left: 0; 
    background-color: rgb(0,0,0); 
    background-color: rgba(0,0,0, 0.9); 
    overflow-y: hidden; 
    transition: 0.5s; 
} 
+0

这就是我的两个div在左右的时候所做的事,但是当他们在上面时,我可以用高度来玩吗?我想打开我的模态功能,我的第一个div的高度。 – coolio83000