CSS3 - 顯示工具提示使用：焦點問題

因此，我有一個超鏈接，它附帶了一個css樣式，其上：focus將顯示一個（css）span工具提示，因此當用戶單擊<a href>Link</a>時，工具提示將顯示高達旁邊CSS3 - 顯示工具提示使用：焦點問題

（這是爲移動用戶爲：懸停不爲他們工作這麼好）

然而，有一個問題。在工具提示中，有一些鏈接，但是當用戶點擊原始鏈接（：焦點被激活）時，然後點擊工具提示上的另一個鏈接，它顯然不激活：焦點，在瀏覽器意識到將該鏈接重定向到該鏈接之前，在工具提示內部不可用。

的「A HREF」用戶點擊了這個CSS：

.tooltip:focus span { 
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); 
    font-family: Calibri, Tahoma, Geneva, sans-serif; 
    position: absolute; left: 1em; top: 2em; z-index: 99; 
    margin-left: 0; width: 270px; 
}

有沒有什麼辦法可以修改它來獲取工具提示容器內工作，而不是去激活焦點和關閉提示的鏈接點擊時？

基本上我試圖問的是，如果有一種方式：焦點可以設置另一個元素顯示爲永久性的，所以它（工具提示中的工具提示/鏈接）不會丟失時：焦點丟失？

希望我已經充分解釋了我的問題。（是的，我知道我可以使用JavaScript，但我寧願使用CSS）

來源

2013-02-03 James Rattray