0

我发现了一对或三个类似的问题，但他们都认为它只是缺少 position:absolute/relative （非读者注意）。如果我的要求是使用浮点数，然后尝试解决 z-index 问题怎么办。

http://jsfiddle.net/LcwVx/1/

我有一个透明的图像。我想让一个浮动的 div 透明或 z-index 在父级后面。我不想改变 css 中的调用顺序，也不想改变 attirbutes 的位置。有什么办法（jQuery或其他）来解决这种情况吗？

#parent {
    width:200px;
    height:300px;
    float:left; /* Requirement */
    border: 1px solid;
    background: url('https://cdn1.iconfinder.com/data/icons/ball/256/transparent.png') no-repeat top left; //ICON HAS TRANSPARENCY
}

#child {
    float:right; /* Requirement */
    height:60px;
    width:100px;
    border: 1px solid;
    background-color: orange; 
    z-index: -1; //THIS IS WHAT I WOULD LIKE TO DO
}
4

2 回答 2

4

z-index仅适用于定位元素，因此只需添加position:relative;到您的#childdiv 中。

jsFiddle 示例

于 2013-08-16T15:28:54.743 回答
1

我知道您想使用浮动来定位它。但是position:relative;，在不给出顶部/左侧/右侧/底部位置的情况下添加一个孩子，你应该得到你想要的。

如果没有设置位置，z-index 属性将不起作用。

http://jsfiddle.net/LcwVx/6/

于 2013-08-16T15:31:18.100 回答