td 相对定位
div 绝对定位
div 绝对定位
解决方案 »
- 弹出“window.dialogarguments.document.getelementbyid”脚本错误
- 这种理解对吗:javascript太灵活了,这是与别的编程语言最大的不同
- 一个页面两个不同类型的表单
- 网页刷新问题
- 比较两数大小
- 在线等待,按钮单击事件和页面双击事件冲突
- 如何将form表单的内容,用post方式提交到showModelessDialog弹出的窗口
- 如何控制select下拉项的个数
- 检查邮件地址的合法?
- JqGrid插件的分页功能用到了woff文件,在IE8上识别不了
- 此结构下如何获取当前的index
- checkbox有2个全选按钮,如何选择其中一个,另一个也自动选上,反之亦然
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
.box td {
position: relative;
width: 150px;
height: 150px;
border: 1px solid #000;
overflow: hidden;
text-align: center;
}
.box td>div, .box td>img {
position: absolute;
}
</style>
</head>
<body>
<table class="box">
<tr>
<td>
<div style="left: 30px; top: 10px; width: 64px; height: 44px; z-index: 2; background: #0f0;"></div>
<div style="left: 45px; top: 50px; width: 67px; height: 20px; z-index: 3;">文本内容</div>
2015/3/14
</td>
<td>
<img src="s3_2.png" style="left: 29px; top: 30px; width: 69px; height: 69px; z-index: 2;" border="0" alt="">
2015/3/14
</td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td>
<div style="left: 11px; top: 6px; width: 80px; height: 53px; z-index: 2; background: #0ff;"></div>
<div style="left: 77px; top: 28px; width: 30px; height: 76px; z-index: 3; background: #f00;"></div>
2015/3/14
</td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</body>
</html>