Question

如何把一个html页面做成弹出层

Answer 1

首先单靠HTML是无法做出弹出层的，必须结合脚本语言javascript语言
至于怎么写实际上很简单，利用dom获取其id，把id传给一个变量，设一个函数，在函数里写获取ID变量的css即可实现，至于怎么写，采纳之后会给你写出代码。要不然辛辛苦苦写了代码最后没有任何回报，心不甘啊，因为我是小白，所以很看重这些的。

Answer 2

<div class="info" hidden>
    <div style="padding-bottom: 5px;">提示消息</div>
    <hr>
    <div class="alertword"><img src="css/images/up.png"/>今天你已经点过赞咯！</div>
</div>
.info {
    z-index: 11;
    position: fixed;
    top: 200px;
    left: 40%;
    background-color: white;
    width: 300px;
    height: 180px;
    padding: 1px;
    border-radius: 5px;
}
.info div {
    padding-top: 15px;
    font-weight: bold;
    font-size: 20px;
    padding-left: 5px;
    height: 40px;
}

.info .alertword {
    text-align: center;
    height: 88px;
    padding-top: 30px;
}

.info hr {
    margin: 0;
}

Answer 3

可以用jquery插件，具体的我有个压缩包，需要的话可以发你效果参考http://www.17sucai.com/pins/demoshow/14281

Answer 4

第一种IFRAME弹出
在弹出层中写一个iframe,调用这Html文件。包含2个元素
1、必须写一个弹出层
2、弹出层中写一个iframe
第二种JS弹出
可以先写好。比如
<div class="popup">
<div class="hd">标题栏</div>
<div class="bd">
<p>弹出内容</p>
<p>弹出内容</p>
<p>弹出内容</p>
</div>
</div>
然后js控制这个div显示即可

Answer 5

用到JavaScript
先做一个块，他的style{
position:fixed;

z-index:n； 这个块的层次要比你其他所有的层次高

display:none 不显示这个块

}
再用一个JavaScript的function控制这个块的打开