首页 > 代码库 > 页面的弹出泡设置
页面的弹出泡设置
在一个页面中设置弹出页面或者弹出泡是很纠结的啦
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<style type="text/css">
.key{
margin-left:100px;
margin-top:50px;
position:relative;
width:500px;
height:300px;
}
.key-value{
border:1px solid;
margin-top:20px;
display:none;
position:absolute;
width:500px;
height:120px;
}
.aaa {position:absolution;}
.aaa:hover .key-value{display:block;}
.key-value span{display:inline-block;width:80px; margin-top:20px;}
.key-value input{display:inline-block;width:300px;}
</style>
<div class="key">
<table border="1" align="center" width=400px height=200px cellspacing=0 align=center>
<tr align=center><td><p>参数值</p></td><td><p>参数描述</p></td></tr>
<tr align=center><td>1</td><td><p>主贷人</p></td> </tr>
<tr align=center><td><p>0</p></td><td><p>共同贷款人</p></td></tr>
<tr align=center ><td>
<div class="aaa">0430001000001LN0100PRD0003
<div class="key-value" >
<span type="lable">key:</span>
<input type="text"/><br><br>
<span type="lable">value:</span>
<input type="text"/>
</div>
</div>
</td><td><p>共有权人</p></td></tr>
</table>
</div>
</body>
</html>
页面的弹出泡设置