使用指針事件保持懸停屬性：無

我在背景圖像下有一個按鈕。爲了使按鈕可點擊，我添加了「指針事件：無」。不過，我也想要一個精靈圖像，在這裏我改變了懸停的背景圖像，而這個指針事件也被禁用了。有沒有辦法保持一個元素的懸停屬性，同時使點擊通過它？使用指針事件保持懸停屬性：無

我搜索並嘗試jquery解除綁定點擊和返回假當點擊#cover_button，但它沒有奏效。

這是我的代碼。如果我保持指針事件：無我可以單擊我的背景圖像下方的按鈕。但是，這將禁用懸停屬性。如果我刪除它，我將無法點擊。

#cover_button { 
    pointer-event: none; 
    position: absolute; 
    width: 46px; 
    height: 24px; 
    left: 0; 
    top: 0; 
    background: url(http://s13.postimg.org/bqxlnbfs3/Like.png); 
} 

#cover_button:hover { 
    background: url(http://www.moronacity.com/tech-journal/images/2011/February/small-Facebook-like-button-counter.gif); 
}

編輯：
這裏有一個小提琴：點擊但不hoverable http://jsfiddle.net/3PXTK/1/

下面是另一個：Hoverable但不能點擊（我只是刪除了指針的事件：無） http://jsfiddle.net/3PXTK/

來源

2013-07-12 user2534878

如果你將cover_button和實際的按鈕包裝在一個容器中，你可以將點擊綁定到父容器，並讓它觸發實際的按鈕點擊。如果由於某種原因無法進行此操作，請在點擊時隱藏頂蓋，獲取底下的元素，並觸發它的點擊事件。張貼小提琴以獲取更多幫助。 –

我不知道該怎麼做，因爲按鈕是一個iframe。反正這裏的的jsfiddle 可點擊 http://jsfiddle.net/3PXTK/1/ Hoverable http://jsfiddle.net/3PXTK/ – user2534878

您正在使用一個iFrame與來自其他域的內容。沒有一些認真的努力，你將無法操縱這些內容。我建議像插件一樣查看jQuery的facebook –

你不能有一個餅乾，吃餅乾。對於首先你要了解指針事件是如何工作的：

沒有阻止指定 HTML元素

這意味着沒有點擊，不徘徊，不主動對所有點擊，狀態和光標選項 - 什麼與光標。你不能說好，我只想懸停，沒有別的。

順便說一句。 FB是這樣做的，因爲他們不允許像按鈕一樣的改變。你不能改變外觀，掩蓋它。

來源

2015-03-06 22:48:00 Kinga

使用指針事件保持懸停屬性：無

回答

相關問題