Css 指定Div的优先级

我有一个

<div class="banner-right">

---

您可以设置

z-index

css属性，该属性将导致使用较高

z-index

样式的元素显示在使用较低

z-index

样式的元素之上。这仅适用于绝对和相对定位的图元。由于您的元素具有

position:absolute

，因此您应该能够将

z-index

属性添加到每个元素的css样式中

   div.logo
    {
        display: block;
        position: absolute;
        top: 11px;
        left: 483px;
        margin-left: 472px;
        width: 214px;
        height: 169px;
        background-image:url(images/doxramos_logo.png);
        z-index: 100;
    }

    div.head-banner-right
    {
        display: block;
        position: absolute;
        top: 0px;
        left: 159px;
        margin-left: 472px;
        width: 50%;
        height: 60px;
        background-image:url(images/metal_grid.jpg)
        z-index: 50;
      }

工作示例：

MDN文档：

z-index CSS属性指定元素及其属性的z顺序 后代。当元素重叠时，z顺序确定哪一个元素 覆盖另一个。具有较大z索引的元素通常覆盖 元素与较低的元素

---

令人惊叹的；我之前尝试过，但没有成功，我使用了1和2作为我的z索引；是否要求它们以50为增量？不，我只是随意选择了那些数字。你确定你的元素在使用z-index之前是绝对定位的吗？我想我已经把它们设置为相对的；但我现在怀疑我自己。不管怎样；谢谢你的回答和要补充的一点知识。：）没问题，很高兴我能帮忙。

div.logo
{
    display: block;
    position: absolute;
    top: 11px;
    left: 483px;
    margin-left: 472px;
    width: 214px;
    height: 169px;
    background-image:url(images/doxramos_logo.png);
        }

div.head-banner-right
{
    display: block;
    position: absolute;
    top: 0px;
    left: 159px;
    margin-left: 472px;
    width: 50%;
    height: 60px;
    background-image:url(images/metal_grid.jpg)
    }

   div.logo
    {
        display: block;
        position: absolute;
        top: 11px;
        left: 483px;
        margin-left: 472px;
        width: 214px;
        height: 169px;
        background-image:url(images/doxramos_logo.png);
        z-index: 100;
    }

    div.head-banner-right
    {
        display: block;
        position: absolute;
        top: 0px;
        left: 159px;
        margin-left: 472px;
        width: 50%;
        height: 60px;
        background-image:url(images/metal_grid.jpg)
        z-index: 50;
      }