h5- iframe完美嵌套的使用

最新推荐文章于 2024-03-25 15:49:44 发布

xiaokai123_

最新推荐文章于 2024-03-25 15:49:44 发布

阅读量1.3w

点赞数 2

分类专栏： vue H5页面编写文章标签： h5 iframe嵌套在页面中使用iframe iframe的嵌套 iframe完美嵌套 iframe嵌套使用csdn

本文链接：https://blog.csdn.net/xiaokai123_/article/details/80986759

版权

vue H5页面编写专栏收录该内容

19 篇文章 0 订阅

订阅专栏

没啥可讲的直接上代码吧。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>iframe嵌套</title>
</head>
<style>
body{
padding: 0; margin: 0;
}
.top{
width:100%;height:64px;
background:#000;
position:absolute;
z-index:999;
}

.iframeCss{
position:relative;
width:100%;
height:3000px;
top:-60px;
z-index: 0;
overflow: visible;
}
</style>
<body>
<div class="top" >

</div>

<iframe class="iframeCss"
ref="iframe"
src="http://www.**********.com"
width="100%"
height="3000"
scrolling="no"
frameBorder="0"
title="title">
</iframe>
</body>

</html>

这里的iframe主要通过绝对定位实现的，意思就是 position:relative; top:-60px; 哈哈搞笑吧~.

优惠劵

xiaokai123_

关注关注

2
点赞
踩
7

收藏

觉得还不错? 一键收藏
2
评论
h5- iframe完美嵌套的使用

没啥可讲的直接上代码吧。&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;meta name="viewport" content="width=device-width,initial-scale=1.0"&gt; &lt;titl
复制链接

扫一扫