仅 CSS 工具提示，在 Chrome 12.0.742.30 开发版中不起作用
我目前正在研究这种仅使用 CSS 工具提示的方法：
http://downloads.sixrevisions .com/css-tooltips/index.html
其工作方式是使用 margin-left 将工具提示移出屏幕，然后当工具提示目标悬停时将其移到屏幕上。
该方法在 FF、IE 和 FF 中运行良好。 Safari，但 Chrome 中不显示工具提示。
当我将鼠标悬停在工具提示目标上时，当我签入开发人员工具时，左边距不会改变。
有人知道是否可以修改它以在 Chrome 中工作吗？
更新：此错误仅发生在 Chrome 12.0.742.30 开发版中。
I'm currently looking into this way of doing CSS only tooltips:
http://downloads.sixrevisions.com/css-tooltips/index.html
The way this works is to move the tooltip off screen with margin-left, and then move it on screen when the tooltip target is hovered.
The approach works fine in FF, IE & Safari, however the tooltips don't show in Chrome.
When I hover over the tooltip-target, the margin-left doesn't change when I check in Developer Tools.
Anyone know if this could be modified to work in Chrome?
Update: This error is only occuring in Chrome 12.0.742.30 dev.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
您可以通过不使用
margin-left来实现这些工具提示来完全避免该问题。尝试使用display:none和display:block代替。这样，元素永远不需要移动——只是它的可见性发生变化。You could avoid the problem altogether by not using
margin-leftto implement these tooltips. Try usingdisplay:noneanddisplay:blockinstead. This way, the element never has to move - only its visibility changes.