1
A
回答
1
原來,您可以將HTML添加到title
標記。您可以添加標籤<img>
像這樣:
<span data-tooltip aria-haspopup="true" class="has-tip" title="<img src='http://placehold.it/350x150'> Tooltips are awesome, you should totally use them!">extended information</span>
這裏有一個working demo。
相關問題
- 1. 如何將圖像添加到基礎工具提示
- 2. highcharts地圖將圖像添加到工具提示
- 3. 添加工具提示圖像從PHP
- 4. PySide:將圖像添加到工具提示
- 5. Laravel 5.4添加zurb基礎6.3.0
- 6. Zurb基礎揭示模態
- 7. 將工具提示添加到組框
- 8. 將工具提示添加到StripMenuItem C#
- 9. 將工具提示添加到UIbutton
- 10. wp post基礎工具提示
- 11. 將基礎url添加到元素中的所有圖像
- 12. 添加工具提示懸停到圖像用css
- 13. Zurb基礎4班
- 14. 將工具提示添加到使用Highcharts呈現的圖像Renderer.image()api
- 15. 如何將幾張圖片添加到Foundation 6工具提示
- 16. 如何將twitter引導工具提示添加到圖標
- 17. nvd3將工具提示添加到多欄圖
- 18. 將工具提示添加到d3散點圖
- 19. 如何將工具提示添加到FLOT圖形
- 20. 如何將使用的基礎(FROM)圖像添加到泊塢窗圖像
- 21. CSS zurb的基礎和dhtmlx
- 22. 添加工具提示
- 23. 如何在工具提示的標題中添加圖像?
- 24. WPF圖像工具提示
- 25. 工具提示與圖像
- 26. 添加工具提示到CStatic Ctrl
- 27. 添加工具提示到折線圖不顯示
- 28. 如何添加工具提示圖像懸停與CSS
- 29. 將片段添加到基礎SurfaceView
- 30. 添加圖像到工具欄
這似乎不與基金會6.2工作,它返回的代碼,而不是呈現工具提示中的img。 – user2239318
我不得不按照這個[PR](https://github.com/zurb/foundation-sites/pull/8075/commits/ae2129f859f0ea49392c0dc5a5d5db87c179761d)來獲得HTML在F6工具提示中的工作(小心確保只有可信的代碼將會在工具提示中以避免注入問題 - 請參閱[本主題](http://foundation.zurb.com/forum/posts/38057-tooltip-foundation-6-does-not-accept-html-tags) – waffl