• 全部
  • 问答

如何在一个td里实现css的叠层?

jackker 2008-03-11 12:57:43
代码如下:
<table width="200" height="200" align="center"><!--绝对不能改变这一行内容-->
<tr><td bgcolor="#eeeeee" align="center" valign="middle">"><!--绝对不能改变这一行内容-->

<div style="background-color:red;width:180;height:180;">A</div>
<div style="background-color:blue;height:30;width:100;">B</div>

</td></tr>"><!--绝对不能改变这一行内容-->
</table>"><!--绝对不能改变这一行内容-->


我要达到的效果:
A处于td正中间
B处于td的右下角(叠层覆盖着A的一小部分)

在线等!可用立刻结贴~~多谢!
...全文
158 点赞 收藏 7
写回复
7 条回复
切换为时间正序
当前发帖距今超过3年,不再开放新的回复
发表回复
好像没那么简单,呵呵.
回复
meiZiNick 2008-05-01
有点难度哦
回复
如果只是遮住那部分不让显示,那就用1楼的
回复
如果你遮盖住内容,不让A遮盖的部分显示出来好做
如果还想他显示出来
FF下的滤镜直接用不了
回复
myvicy 2008-03-11
<table width="200" height="200" align="center"> <!--绝对不能改变这一行内容-->
<tr> <td bgcolor="#eeeeee" align="center" valign="middle"> <!--绝对不能改变这一行内容-->

<div style="background-color:red;width:180px;height:180px;z-index:1;"> A </div>
<div style="position:absolute;float:right;top:180px;background-color:blue;height:30px;width:100px;z-index:2;"> B </div>

</td> </tr> "> <!--绝对不能改变这一行内容-->
</table> "> <!--绝对不能改变这一行内容-->

回复
jackker 2008-03-11
有没有符合w3c的标准写法?
回复
hookee 2008-03-11
IE


<table width="200" height="200" align="center">
<tr> <td bgcolor="#eeeeee" align="center" valign="middle">

<div style="background-color:red;width:180;height:180;z-index:1;"> A </div>
<div style="background-color:blue;height:30;width:100;z-index:2;position:absolute;left:expression(this.parentNode.parentNode.parentNode.parentNode.offsetLeft+this.parentNode.offsetLeft+this.parentNode.clientWidth-this.clientWidth);top:expression(this.parentNode.parentNode.parentNode.parentNode.offsetTop+this.parentNode.offsetTop+this.parentNode.clientHeight-this.clientHeight);"> B </div>

</td> </tr>
</table>
回复
相关推荐
发帖
CSS
创建于2007-09-28

6.0w+

社区成员

层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
申请成为版主
帖子事件
创建了帖子
2008-03-11 12:57
社区公告
暂无公告