問題:將滑鼠懸停在子容器上時如何更改父容器的背景顏色元素僅使用CSS?
相容性:
步驟:
div { pointer-events: none; }
div > a { pointer-events: auto; }
在子項上啟用指標事件:
這允許懸停僅當子元素懸停時觸發事件。
說明:當子元素懸停時,父級 div 也會懸停,因為指針事件屬性。然而,由於pointer-events: none 設置,父級的懸停偽類被忽略。透過在子元素上啟用指標事件,懸停事件僅在子元素上觸發,從而導致父元素的背景顏色根據需要變更。 注意:在 IE 11 和 Edge 中,子元素必須有 display: inline-block 或 display: block 才能讓指標事件正常運作。以上是如何使用 CSS 變更子級懸停時父級的背景顏色?的詳細內容。更多資訊請關注PHP中文網其他相關文章!