当前位置:  开发笔记 > 后端 > 正文

如何在html中的图标上显示简单的工具提示?

如何解决《如何在html中的图标上显示简单的工具提示?》经验,为你挑选了2个好方法。

我在Ruby on Rails应用程序中使用ActiveScaffold,为了节省表中的空间,我使用CSS替换了表中的默认"actions"文本(即"edit","delete","show").我还使用action_link.add("move"和"copy")添加了几个自定义操作.

为清楚起见,当我将鼠标悬停在图标上时,我希望弹出一个工具提示,其中包含相关操作(即"编辑","复制").

我想我可以通过在标签上添加一个简单的"alt"定义来做到这一点,但这似乎不起作用.

有人能指出我正确的方向吗?



1> FlySwat..:

alt在图像缺失的情况下,或者在纯文本浏览器中,该属性将用作图像的替代.

当它们alt显示为工具提示时,IE弄错了.它从来就不是那个意思.

对此的正确属性是title,当然不会在IE中执行工具提示.

因此,要在IE和FireFox/Safari/Chrome/Opera中都显示工具提示,请同时使用alt属性和title属性.


此外,标题实际上确实在IE中显示工具提示.

2> scunliffe..:

添加到此主题只是一个小问题...没有alt标记或标题标记.alt属性用于图像,但页面上的所有其他元素都可以具有title属性,这是跨浏览器兼容性的最佳选择.


  Edit

推荐阅读
路人甲
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有