如何在全屏div后面进行iframe滚动
大家好，我正在尝试创建一种效果，将透明的PNG图像推送到屏幕的每个角落，放在iframe的顶部。我有我追求的视觉效果-但是iframe不会滚动。我想这与我使用的zindex有关 有没有办法绕过这个问题？通过更改CSS或添加一些javascript如何在全屏div后面进行iframe滚动,iframe,z-index,Iframe,Z Index,大家好，我正在尝试创建一种效果，将透明的PNG图像推送到屏幕的每个角落，放在iframe的顶部。我有我追求的视觉效果-但是iframe不会滚动。我想这与我使用的zindex有关 有没有办法绕过这个问题？通过更改CSS或添加一些javascript <!doctype html> <html> <head> <meta charset="utf-8"> <title>Untitled Document</title> <
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>
<style>
html, body {
height: 100%;
padding: 0px;
margin: 0px;
}
.top-left {
width: 100%;
height: 100vh;
background-image: url(TOP_LEFT/BACKGROUND_TOP_LEFT.png);
background-repeat: no-repeat;
background-position: left top;
z-index:10;
}
.top-right {
width: 100%;
height: 100vh;
background-image: url(TOP_RIGHT/BACKGROUND_TOP_RIGHT.png);
background-repeat: no-repeat;
background-position: right top;
z-index:10;
}
.bottom-left {
width: 100%;
height: 100vh;
background-image: url(BOTTOM_LEFT/BACKGROUND_BOTTOM_LEFT.png);
background-repeat: no-repeat;
background-position: left bottom;
z-index:5;
}
.bottom-right {
width: 100%;
height: 100vh;
background-image: url(BOTTOM_RIGHT/BACKGROUND_BOTTOM_RIGHT.png);
background-repeat: no-repeat;
background-position: right bottom;
z-index:5;
}
.standon-iframe {
width: 100%;
height: 100vh;
z-index:-100;
position:absolute;
}
</style>
<body>
<div class="bottom-left">
<div class="bottom-right">
<div class="top-left">
<div class="top-right">
<div class="standon-iframe">
<iframe src="http://standon-calling.com/about/" width="100%;" height="100%"></iframe>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
无标题文件
html，正文{
身高：100%；
填充：0px；
边际：0px；
}
.左上角{
宽度：100%；
高度：100vh；
背景图片：url（左上角/background\u左上角.png）；
背景重复：无重复；
背景位置：左上；
z指数：10；
}
.右上角{
宽度：100%；
高度：100vh；
背景图片：url（右上角/background\u右上角.png）；
背景重复：无重复；
背景位置：右上角；
z指数：10；
}
.左下角{
宽度：100%；
高度：100vh；
背景图片：url（BOTTOM_LEFT/background_BOTTOM_LEFT.png）；
背景重复：无重复；
背景位置：左下；
z指数：5；
}
.右下角{
宽度：100%；
高度：100vh；
背景图片：url（BOTTOM\u RIGHT/background\u BOTTOM\u RIGHT.png）；
背景重复：无重复；
背景位置：右下角；
z指数：5；
}
.站在iframe上{
宽度：100%；
高度：100vh；
z指数：-100；
位置：绝对位置；
}