2015-10-16 73 views
-1

我设置了一个网站在unclick,我想第一节中的滑块图像适合整个窗口。使Div适合整个窗口

我可以用CSS来做到这一点吗?还是我需要javascript?

保存滑块图像的div的编号为#section1,它是本节需要适合的窗口。

任何帮助将是巨大的!

回答

1

你可以这样做(use viewport units):

CSS

#section1, .et_pb_slider .et_pb_slide { 
    height: 100vh; 
} 

当心,如果你留下鼠标悬停的图像,幻灯片停止...你 去nna在全屏幕中有一个完整的图像,所以鼠标不可避免的 会悬停在全屏幕...只是一个提示。

+0

路易斯你是一个传奇!我如何推荐或评分您的评分? –

+0

感谢您的提示。现在我知道vh属性,我可能会有一个背景图片,第一部分中有一个按钮用于链接到我上传的图片。再次感谢路易斯。 –

+0

@PaulKnight欢迎您 –

1

这个CSS将使一个div填满整个浏览器窗口:

position: fixed; 
top: 0; 
right: 0; 
bottom: 0; 
left:0; 
+0

这没有用,我很害怕。 –