忽略懸停的對象

我有一個帶變換比例和旋轉的背景圖像。所以，只要你把光標放在它上面，它就會旋轉15deg並且縮放2。忽略懸停的對象

我想把我的logo放在它上面，但是我怎麼做到這一點，所以只要我把光標放在logo上，它仍然會像我一樣徘徊在背景？ CSS：

.background-image:hover { 
    position: fixed; 
    right: 0px; 
    right: 0px; 
    z-index: -999; 
    display: block; 
    background-image: url("whatever.jpg"); 
    width: 100%; 
    height: 100%; 

    -webkit-filter: blur(8px); 
    -moz-filter: blur(8px); 
    -o-filter: blur(8px); 
    -ms-filter: blur(8px); 
    filter: blur(8px); 

    transform: rotate(12deg) scale(2); 
    -o-transform: rotate(12deg) scale(2); 
    -moz-transform: rotate(12deg) scale(2); 
    -webkit-transform: rotate(12deg) scale(2); 

    transition: all 0.3s ease-in-out 0s; 
}

這裏我有一個div在背景上，如果我認爲我的光標放在DIV的背景懸停已經不指望並退回。我如何讓div仍然可見，當我將鼠標懸停在div上時，背景將會恢復？ CSS爲div：

<div class="logo-position"></div> 

.logo-position { 
    position: relative; 
    width: 800px; 
    height: 600px; 
    padding: 0; 
    margin-right: auto; 
    margin-left: auto; 
    background-color: white; 
    top: 80px; 
}

div的「hitbox」也很奇怪。我可以將光標移到div的右側，它仍然會計數，因爲背景變換返回時，我的光標在div內。有人看到我做錯了什麼嗎？

來源

2017-08-08 Han Heine

將pointer-events: none;加到.logo-position類。這應該會導致徽標忽略懸停事件並讓它通過。請注意，它將忽略所有事件，因此它也不會被點擊。

來源

2017-08-08 15:45:28 sn3ll

這工作表示感謝，我只需要刪除邊距，並添加了一個浮動：左側，它的工作，我只是將它與父div的位置 –

如果.logo-position div是.background-image div的孩子，它將允許將懸停應用於徽標。

來源

2017-08-08 15:53:48

也是一個很好的觀點。 – sn3ll

問題在於徽標會變得模糊不清，但我不希望發生這種情況 –

啊，是的。 -_- –

忽略懸停的對象

回答

相關問題