文章标签

假设你有一个带有CSS 工具提示的元素，并且你要将这些工具提示定位，以便它在悬停时（或者可能更好：单击/点击时）在元素旁边打开。 在它旁边的哪里？ 在它上面？ 如果……

剪切和蒙版在 CSS 中已经存在了一段时间，并且甚至有相当不错的浏览器支持。 我最近在一个项目中需要使用剪切技术来显示文本链接上方的工具提示……

前几天，我遇到了一个非常尴尬的 CSS 问题。

我正在处理一个设计的前端代码，该设计有一个狭窄的图标侧边栏。 那里没有足够的空间来显示图标的文本……

我们之前已经提到过<details>和<summary>元素是多么棒。 它们非常适合快速制作手风琴，这些手风琴可以触控、鼠标和键盘输入访问。

<details>和<summary>甚至可以用来播放/暂停 gif……

弹出窗口是一种短暂的视图，当用户单击控制按钮或在定义区域内时，它会显示在屏幕上的内容之上。 例如，单击特定信息图标……

来自 Ire Aderinokun 的一个不可抗拒的 HTML 元素深入研究，这次是关于<abbr title=""></abbr>元素的缩写。 你可以简单地使用它（JUI），它运行良好，但是如果你希望为……制作工具提示

说到棘手的事情：工具提示！

工具提示需要特别地自我感知，这样它们就不会出现在无法读取的地方。 然后在页面状态发生变化时继续保持智能，例如调整大小或滚动……

我曾在几年前发布过关于 jQuery UI 的位置功能的文章，但我只是在思考该功能的碰撞检测部分是多么有用。 简而言之：你可以将元素定位在你想要的位置……