为什么这个工具提示遵循相反的垂直方向?
我正在使用 Jquery 和 CSS 开发一个“自制”工具提示,
似乎工作正常,
它位于“触发”元素的顶部(并且水平居中),但是当我向上移动鼠标时,它会向下移动,并且方向相反,
我做错了什么?
I'm developing a 'home-made' tooltip using Jquery and CSS,
Seems to work OK,
It gets positioned ontop of the 'trigger' element (and horizontally centered), but when i move the mouse up it goes down and the opposite way,
what i'm I doing wrong?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
在 CSS 分配中将“bottom:”更改为“top:”。
http://jsfiddle.net/GLZFc/1/
我还解决了你关于不褪色的问题通过在 fadeIn 和 fadeOut 方法前面添加
.find("span").andSelf()
来设置边框。这将显式淡出 DIV 内的所有“span”标签,尽管我真的不明白为什么有必要(这可能是一个 jQuery 错误):Change "bottom:" to "top:" in your css assignments.
http://jsfiddle.net/GLZFc/1/
I also solved your question about the non-fading borders by prepending
.find("span").andSelf()
to the fadeIn and fadeOut methods. This will explicitly fade out all "span" tags inside the DIV, although I honestly don't understand why it's necessary (this might be a jQuery bug):http://jsfiddle.net/GLZFc/21/
您使用的是
bottom
,而不是top
。http://jsfiddle.net/GLZFc/2/
you are using
bottom
, nottop
.http://jsfiddle.net/GLZFc/2/