html - z-index 值未按应有的方式工作 - z-index 50 元素显示在下方

标签 html css position z-index layer

http://new.michaellane.com/listing-gallery.php

你看到的黄色纸条上有这组:

.listing_specs {
    width:230px;
    height:140px;
    background-image:url('/images/featured_listing_specs.png');
    background-repeat:no-repeat;
    color:#836637;
    padding-top:10px;
    position:absolute;
    top:120px;
    right:-120px;
    z-index:50;
}

包含它的 div,.listing_icons,只是一个通用的 float:left, position:relative DIV,z-index 仅为 10。

黄色 strip 如何出现在右侧的 .listing_icons 下方?

最佳答案

将左侧所有 grid_8 alpha listing_gallery_iconz-index 设置为 11。

关于html - z-index 值未按应有的方式工作 - z-index 50 元素显示在下方,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4101787/

相关文章:

php - 想要添加一列并最终显示结果?

css - 如何防止元素滚动到 View 中?

javascript - 如何使悬停字幕正常工作?

jquery - 定位不同大小/比例的img并填充到div中

position - Redshift查询语法错误(使用SQL Workbench): Is there an easy way to go directly to the “position” mentioned in the error?

javascript - 将元素和按钮添加到 div 时,每个按钮如何自行删除?

html - 有什么好方法可以调试页面上未清除的 float /未关闭的 div 吗?

html - Bootstrap 4 中剩余的容器偏移量

css - position: absolute inside position: relative 导致内容重叠

php - WordPress/Wix + PHP 和 MySQL?