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. 如何使用zurb基礎添加輸入字段的工具提示
- 3. highcharts地圖將圖像添加到工具提示
- 4. 添加工具提示圖像從PHP
- 5. 向圖像添加工具提示
- 6. 向圖像添加工具提示
- 7. PySide:將圖像添加到工具提示
- 8. 如何將圖像添加到工具提示?
- 9. 將圖像添加到工具提示中
- 10. Laravel 5.4添加zurb基礎6.3.0
- 11. Zurb基礎揭示模態
- 12. 將工具提示添加到UIbutton
- 13. 將工具提示添加到StripMenuItem C#
- 14. 將工具提示添加到組框
- 15. 將工具提示添加到CStatic中
- 16. 添加工具提示到flot圖
- 17. wp post基礎工具提示
- 18. 在zurb基礎
- 19. 將圖像添加到工具項目
- 20. 將基礎url添加到元素中的所有圖像
- 21. 如何添加輔助工具提示到圖像範圍?
- 22. 如何添加圖像到chart.js工具提示?
- 23. 添加工具提示懸停到圖像用css
- 24. 如何添加圖像到工具提示NVD3在r
- 25. 如何將工具提示添加到TeeChart的Box圖中?
- 26. 將工具提示添加到節點的圖標
- 27. 我如何疊加流體佈局圖像(zurb基礎)
- 28. Zurb基礎4班
- 29. 使用zurb基礎
- 30. 將工具提示添加到使用Highcharts呈現的圖像Renderer.image()api
這似乎不與基金會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