CSS按鈕：活躍有時會使按鈕不起作用

每當我使用這個在CSS（這是對我很重要）：CSS按鈕：活躍有時會使按鈕不起作用

.button:active { 
    position: relative; 
    top: 2px; 
    left:2px; 
}

按鈕不想取決於你在哪裏上的特定區域發揮作用點擊它們。（位置確實發生，但jQuery無法啓動）這裏是DEMO

你會看到，有時候他們並沒有反應，如果你擊中了正確的位置。它有點難以注意，因爲它發生了。例如，嘗試點擊字母A下方的接觸按鈕。或者點擊O字母下面的About按鈕。

當我刪除：活動功能按鈕正常工作。我怎樣才能解決這個問題？

來源

2012-12-26 user1880779

您是否在一個瀏覽器或所有瀏覽器中遇到過這種情況？如果一個，哪一個？ –

@SeanKeating查看現場演示，我用Chrome和IE測試了它。我相信它確實發生在所有瀏覽器中。 – user1880779

添加說明 - 點擊按鈕頂部時，按鈕不起作用。您可以聲明top：10px以使其更清晰。據我所知，它可以在任何瀏覽器中複製。 –

我將所有按鈕上的高度更改爲100％，並消除了瀏覽器中的問題。我正在使用Chrome。這是我做的。

#btnhome { 
margin-left: 121px; 
width: 84px; 
**height: 100%;** 
background-color: black; 
border: none; 
color: white; 
font-size: 14px; 
font-weight: 700; 
}

來源

2012-12-26 17:44:15 Steven

你是這個意思嗎？ [DEMO]（http://jsfiddle.net/mMF5r/38/）它不適合我這樣的Chrome。我只在所有按鈕上將高度更改爲100％。 – user1880779

CSS按鈕：活躍有時會使按鈕不起作用

回答

相關問題