UC知道在一个表格中显示两个重叠的div（在线等）
来源：百度知道 编辑：UC知道 时间：2024/05/21 17:03:49
因为我的表格用的是相对宽度，所以没办法设置position:absolute，只能用相对的位置来表示。现在发现，如果两个层都用position:relative，设置同样的位置，不同的z-index值，还是会一上一下的，不能重叠，有什么办法可以实现么？
我的代码如下所示：
<table align=center width=100%>
<tr>
<td align=center>
<div id="layer1" style=" position:relative; left:0px; top:0px; z-index:2; "></div>
<div id="layer2" style="position:relative; left: 0px; top: 0px; z-index:1;"></div>
</td></tr></table>
不管用什么方法，能达到我要的效果就行
一楼的答案并不是我要的效果，我刚刚自己找到答案了，应该是下面这样的~~郁闷，白扔了30分~
<table align=center width=100%>
<tr>
<td align=center>
<div id="layer3" style="position:relative; left:0; top:0; z-index:1; width:200; height:200; background-color:#CC00FF; ">
<div id="layer1" style=" position:absolute; left:0px; top:0px; z-index:3; width:100; height:100; background-color:#CCCCCC ">a&l
我的代码如下所示：
<table align=center width=100%>
<tr>
<td align=center>
<div id="layer1" style=" position:relative; left:0px; top:0px; z-index:2; "></div>
<div id="layer2" style="position:relative; left: 0px; top: 0px; z-index:1;"></div>
</td></tr></table>
不管用什么方法，能达到我要的效果就行
一楼的答案并不是我要的效果，我刚刚自己找到答案了，应该是下面这样的~~郁闷，白扔了30分~
<table align=center width=100%>
<tr>
<td align=center>
<div id="layer3" style="position:relative; left:0; top:0; z-index:1; width:200; height:200; background-color:#CC00FF; ">
<div id="layer1" style=" position:absolute; left:0px; top:0px; z-index:3; width:100; height:100; background-color:#CCCCCC ">a&l
在上面的那层(z-index:2)div中的style属性中添加"filter:alpha(opacity=50);"
这个是透明度,100为不透明 0为完全透明(看不到了~ 但他的实体还存在)
注意:这个css属性只能用在IE 5.0以上的浏览器
其他的火狐啊 都不能用~