1. 首頁
  2. 問答
  3. 雙工具提示彈出

雙工具提示彈出

2013-08-21 72 views
2

我正在嘗試創建自定義工具提示。我對HTML和CSS比較陌生。問題在於我遵循關於工具提示的教程，但我在工具提示上雙擊顯示懸停。我看到我的自定義工具提示和股票一起。我希望只看到自定義的一個。雙工具提示彈出

HTML：

<button class="tooltip" title="Site1 tooltip." id=main1 type="button" onclick="loadData(1)"> 
    <img src="Images/Icon.png" width="68" height="68"/> 
</button>

CSS：

.tooltip{ 
    display: inline; 
    position: relative; 
} 


.tooltip:hover:before{ 
    border: solid; 
    border-color: #333 transparent; 
    border-width: 6px 6px 0 6px; 
    bottom: 20px; 
    content: attr(title); 
    left: 50%; 
    position: absolute; 
    z-index: 99; 
}

來源

2013-08-21 Dim

+0

你能提供一個工作的例子嗎？ – Uooo

回答

1

找到了解決辦法！

刪除標題屬性 - @Robert

而且在CSS：

content: "My content";

來源

2013-08-21 07:00:14 Dim

2

刪除title屬性，這是負責標準的提示。

來源

2013-08-21 06:49:28 Robert

+0

好吧，但我把我的工具提示文本？ – Dim

+0

這取決於。我不知道你的自定義工具提示邏輯，通常你把它放在一個自定義屬性中，通過你的工具提示JS讀取，或者你從id中派生工具提示文本。 – Robert

0

我想你可能會訴諸JavaScript。

jQuery UI有一個tooltip插件，這是非常靈活和可定製的。如果您不熟悉網絡編程，您可能還需要學習一些javascript，並且需要jQuery。但好消息是jQuery的設計簡單。

問題的根源是標題屬性，導致雙標題顯示。

來源

2013-08-21 06:50:33

相關問題

 相關問題