iPad的CSS懸停發行

我有「searchBySub」現在在我的CSS我已經定義了正常，有5類子鏈路頁，懸停狀態以及一類點擊因此，我們必須iPad的CSS懸停發行

#leftNav .searchBySub {...} 
#leftNav a.searchBySub:hover {...} 
#leftNav .searchBySubClicked {...}

我問題是，當點擊iPad上的任何時候這些5子鏈路的，它進入懸停狀態。那麼，有沒有辦法讓我可以迫使它不處於懸停狀態志不應用類searchBySubClicked

由於懸停狀態會引起一些問題...請幫助我。謝謝。

來源

2011-07-27 testndtv

我與媒體查詢同意，但像這樣http://css-tricks.com/snippets/css/ipad-specific-css/

@media only screen and (device-width: 768px) { 
    /* For general iPad layouts */ 
}

你可以嘗試撤消懸停在那裏的狀態。然而理想理應是先創建移動樣式，然後內

@media only screen and (min-width: 768px) { 
    /* Style adjustments for viewports 768px and over go here */ 
    #leftNav a.searchBySub:hover {...}  
}

來源

2011-07-27 12:20:17

在HTML頭使用媒體查詢爲調節屏幕設備的懸停。 http://www.w3.org/TR/css3-mediaqueries/

你的情況嘗試把懸停在單獨的屏幕上的目的css。

<link rel="stylesheet" media="screen" href="hover.css" />

來源

2011-07-27 10:35:14

我真的不知道媒體查詢如何幫助這裏...我的問題是，當我點擊任何鏈接我想要它的類應該是a.searchBySubClicked而不是a.searchBySub：hover – testndtv

媒體查詢將阻止iPad看到懸停。我懷疑有任何其他方式只堅持懸停於非iPad上，而無需使用CSS黑客（這是默認的邪惡），因爲觸控設備應不會觸發在首位懸停。因此，無論介質檢測或JavaScript（檢測字符串「iPad的」在navigator.userAgent的，防止懸停事件） –

如果你想要去的JavaScript的方式，你可以使用jQuery移動http://jquerymobile.com/和提高該添加類單擊事件。定期jQuery的導致問題，因爲它不接受觸摸事件，蘋果的硬件觸發

來源

2011-07-27 10:37:34 Semyazas

另一種選擇之後創建全屏瀏覽器的風格是包含在你的構建Modernizr的，這將觸摸/不觸摸類添加到您的<html>標記。然後，您可以針對：懸停標籤僅是相關的非接觸式設備：

http://modernizr.com/

來源

2013-06-18 23:06:36 noizy

我發現（意外），當觸發:hover狀態元素具有CSS過渡應用，那麼iOS似乎會忽略懸停狀態並觸發點擊。

在我來說，我其實想懸停狀態下工作，但不能讓它開始工作，直到我刪除了轉換（或排除他們專門在iOS）。如果有人願意，可以發佈一些示例代碼。

來源

2014-04-16 00:15:40

iPad的CSS懸停發行

回答

相關問題