亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

將元素懸停在可能懸停的其他元素下方

將元素懸停在可能懸停的其他元素下方

藍山帝景 2023-07-14 14:56:47
我的 CSS 有問題。我有一些由 javascript 生成的元素,當我將它們懸停時,我會顯示另一個元素,但我不知道為什么,顯示的新元素位于其他生成的元素下方...這是我關于這個問題的CSS:.hiddenTextjob    {        display:none;        background-color:#000;        color:#FFF;        width:170px;        z-index:2!important;        height:55px;    }    .ghost_for:hover > .hiddenTextjob    {        display: block;        background-color:#000;        color:#FFF;        width:170px;        margin-top:-55px;        z-index:1!important;    }    .ghost_for    {        border: 0;        position:absolute;        background-color:blue;        z-index:1!important;    }.hiddenTextjob低于ghost_for,但他必須高于...提前致謝[編輯] 這里有一個 jsfiddle 來說明: https://jsfiddle.net/95jtx2oL/當你將鼠標懸停在藍色元素上時,黑色懸停在上方,有時他在下方,這讓我很生氣......
查看完整描述

3 回答

?
小唯快跑啊

TA貢獻1863條經驗 獲得超2個贊

.ghost_for:hover {
    z-index: 2!important;
}

上面的代碼足以解決問題^^ jdfiddle

問題是由于 HTML 的堆疊造成的。如果較低的元素位于同一索引上,則它們會較高。因此,如果您可以提高懸停元素的 z-index,它的子元素也會更高。


查看完整回答
反對 回復 2023-07-14
?
一只名叫tom的貓

TA貢獻1906條經驗 獲得超3個贊

z-index你設置在這里看起來有點奇怪1。


.ghost_for:hover > .hiddenTextjob

{

    display: block;

    background-color:#000;

    color:#FFF;

    width:170px;

    margin-top:-55px;

    z-index:1!important;

}

的初始值2似乎是正確的。嘗試z-index從上面的代碼中刪除或將其設置為2.


查看完整回答
反對 回復 2023-07-14
?
幕布斯6054654

TA貢獻1876條經驗 獲得超7個贊

我不確定您的 HTML,但如果它適合您,請嘗試以下操作:


.hiddenTextjob {

  display: none;

  background-color: #000;

  color: #fff;

  width: 170px;

  z-index: 2 !important;

  height: 55px;

}


.ghost_for:hover > .hiddenTextjob {

  display: block;

  background-color: #000;

  color: #fff;

  width: 170px;

  margin-top: -55px;

}

.ghost_for {

  border: 0;

  position: absolute;

  background-color: blue;

  z-index: -1;

}


查看完整回答
反對 回復 2023-07-14
  • 3 回答
  • 0 關注
  • 165 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號