开发者社区> 问答> 正文

求问鼠标悬停显示提示文字的效果css要怎么写:报错

我想要做如下图所示的效果,但是样式问题不知道要怎么写,尤其是那个箭头,求问各位大神,谢谢

展开
收起
kun坤 2020-06-09 13:57:32 608 0
1 条回答
写回答
取消 提交回答
  • 用开发工具看看样式就知道了, 说个debug这种悬停样式的小技巧吧(因为有的悬停是用js控制的, hover state无效)
    首先打开另一个标签页备用, 回到页面上打开开发者工具, 鼠标放到元素上让悬停内容显示, 然后按Ctrl+Tab切换到刚才打开的另一个标签页(Mac下是cmd+tab), 接着把鼠标挪到页面外, 再切换页面, 此时页面上悬停还保持显示着, 就可以在开发者工具里查看样式了, 注意鼠标不要飘进页面不然悬停会消失. ######学到了,谢谢######用个透明png做背景不行吗?######我想用css做的,现在会了,谢谢######百度“CSS画三角形”,你想要什么形状的都可以找到######现在知道了,谢谢啊######如果只是文字提示的话,用title属性就好了,干嘛还要写css######需要有样式,只用titke不行 谢谢######

    Tooltip

    ######谢谢各位
    2020-06-09 13:57:38
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
零基础CSS入门教程 立即下载
低代码开发师(初级)实战教程 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载