当前位置：文江博客话题详情

在 XHTML Strict 中实现深度

发布于 2024-08-14 06:50:35 字数 229 浏览 5 评论 0原文

我想在下实现

，换句话说，div将是可见的，因为表格中有透明的png，但它会在

后面。

有谁知道该怎么做？

我尝试了 float:left 和不同的 z-index，但无济于事。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

如若梦似彩虹 2024-08-21 06:50:35

你走在正确的轨道上。但使用 Z 索引时，元素也必须是绝对定位的。

这是一个使用 div 的示例，但它也可能是表格...

CSS：

div.top {
   width: 300px;
   height: 200px;
   position: absolute;
   left: 500px;
   top: 50px;
   z-index: 2
}

div.bottom {
   width: 300px;
   height: 200px;
   position: absolute;
   left: 600px;
   top: 100px;
   z-index: 1
}

HTML：

<div class="top">I'm on top</div>
<div class="bottom">I'm below</div>

You're on the right track. But when using the Z-index, your elements must also be absolute-positioned.

Here's an example using divs, but it may as well be tables...

CSS:

div.top {
   width: 300px;
   height: 200px;
   position: absolute;
   left: 500px;
   top: 50px;
   z-index: 2
}

div.bottom {
   width: 300px;
   height: 200px;
   position: absolute;
   left: 600px;
   top: 100px;
   z-index: 1
}

HTML:

<div class="top">I'm on top</div>
<div class="bottom">I'm below</div>

回复收藏 0 原文

温馨耳语 2024-08-21 06:50:35

z-index 仅适用于绝对定位的元素。您可以尝试设置 position:absolute ，然后使用 top、right、bottom、left 样式将元素放置在彼此的顶部。

您也可以尝试将

在标记中的表格前面，在 div 上设置 float: left ，然后使用负 margin-left 将表格向左移动，将其放置在 div 的顶部值。

例如：

<div id="d1"></div>
<div id="d2"></div>

使用以下 CSS，第二个 div 将距离第一个 div 50px。

div {
    width: 100px;
    height: 100px;
    border: solid 1px rgb(0, 0, 0);
}
#d1 {
    float: left;
    background-color: rgb(255, 0, 0);
}
#d2 {
    float: left;
    margin-left: -50px;
    background-color: rgb(0, 255, 0);
    opacity: 0.5;
}

第二个 div 就是你的桌子。使用 div 更容易演示:)

z-index only works on absolutely positioned elements. You could try setting position: absolute and then using the top, right, bottom, left styles to position the elements on top of each other.

You could also try putting the <div> in front of the table in the markup, set float: left on the div, and them move the table left, to position it on top of the div, by using a negative margin-left value.

For example:

<div id="d1"></div>
<div id="d2"></div>

Using the following CSS, the second div would be 50px into the first div.

div {
    width: 100px;
    height: 100px;
    border: solid 1px rgb(0, 0, 0);
}
#d1 {
    float: left;
    background-color: rgb(255, 0, 0);
}
#d2 {
    float: left;
    margin-left: -50px;
    background-color: rgb(0, 255, 0);
    opacity: 0.5;
}

The second div there would be your table. Just easier to demonstrate with divs :)

回复收藏 0 原文