CSS a：與iPhone類似的活動覆蓋TouchUpInside

我正在網站上工作，並且第一次冒險進入CSS Sprites。在a：active狀態下，我正在根據需要移動背景位置，這非常有效。但是，如果我點擊鏈接並將鼠標移出鏈接，同時仍然點擊中鍵。效果留在按鈕上，即使我釋放點擊！CSS a：與iPhone類似的活動覆蓋TouchUpInside

是否存在與iPhone動作「TouchUpInside」類似的CSS規則，因此只有當用戶在鏈接區域釋放點擊時，它纔會受到影響？

來源

2011-02-04 benhowdle89

嘗試將jQuery .mouseout（）應用於這些鏈接。

$(".myLinks").mouseout(function() { 
    $(this).css('background-position','0 0'); // original position of your sprite 
});

將鼠標拖拽到鏈接中（鼠標處於「向下」狀態）並不是CSS能夠處理的內容。 CSS會需要一個額外的僞類，例如「a：unactive」來實現相同的效果。

來源

2011-02-04 17:53:23 Dawson

不知道，如果這是你在找什麼，但看着我的網站的菜單，如果你想讓它改變，當有人懸停在使用時，你該網頁上的a:active設置保持它使a:hover

嘗試這樣的事情

ul.cssmenu li a { 
    display: block; 
    width: 150px; 
    height: 50px; 
    background:url(images/bg%27s/menu.png); 
    } 

/* 
* Normal Links 
*/ 
ul.cssmenu li.home a { 
    background-position: 0 -3px; 
    } 

ul.cssmenu li.photos a { 
    background-position: -150px -3px; 
    } 

ul.cssmenu li.racing a { 
    background-position: -300px -3px; 
    } 
    ul.cssmenu li.blog a { 
    background-position: -450px -3px; 
    } 

ul.cssmenu li.forum a { 
    background-position: -600px -3px; 
    } 

ul.cssmenu li.contact a { 
    background-position: -750px -3px; 
    } 

/* 
* Hover Links 
*/ 
ul.cssmenu li.home a:hover { 
    background-position: 0 -54px; 
    } 

ul.cssmenu li.photos a:hover { 
    background-position: -150px -54px; 
    } 

ul.cssmenu li.racing a:hover { 
    background-position: -300px -54px; 
    } 
ul.cssmenu li.blog a:hover { 
    background-position: -450px -54px; 
    } 

ul.cssmenu li.forum a:hover { 
    background-position: -600px -54px; 
    } 

ul.cssmenu li.contact a:hover { 
    background-position: -750px -54px; 
    } 

/* 
* Clicked Links 
*/ 
ul.cssmenu li.home a:active { 
    background-position: 0 -54px; 
    } 

ul.cssmenu li.photos a:active { 
    background-position: -150px -54px; 
    } 

ul.cssmenu li.racing a:active { 
    background-position: -300px -54px; 
    } 
ul.cssmenu li.blog a:active { 
    background-position: -450px -54px; 
    } 

ul.cssmenu li.forum a:active { 
    background-position: -600px -54px; 
    } 

ul.cssmenu li.contact a:active { 
    background-position: -750px -54px; 
    } 

/* 
* Selected/Active Links 
*/ 
ul.cssmenu li.home a.selected { 
    background-position: 0 -108px; 
    } 

ul.cssmenu li.photos a.selected { 
    background-position: -150px -108px; 
    } 

ul.cssmenu li.racing a.selected { 
    background-position: -300px -108px; 
    } 
    ul.cssmenu li.blog a.selected { 
    background-position: -450px -108px; 
    } 

ul.cssmenu li.forum a.selected { 
    background-position: -600px -108px; 
    } 

ul.cssmenu li.contact a.selected { 
    background-position: -750px -108px; 
    }

來源

2011-02-04 13:58:26 bobthemac

@ benhowdle89你可以發佈一些問題的代碼，所以我可以比較 – bobthemac 2011-02-04 14:17:11

它與你的相同！ – benhowdle89 2011-02-04 14:26:12

什麼是html代碼 – bobthemac 2011-02-04 14:35:46

你可能最好使用.myButton:hover而不是主動。當你關閉並釋放按鈕時，懸停狀態將不再適用:)

來源

2011-02-04 14:03:05 Kyle

CSS a：與iPhone類似的活動覆蓋TouchUpInside

回答

相關問題