Find centralized, trusted content and collaborate around the technologies you use most.
Teams
Q&A for work
Connect and share knowledge within a single location that is structured and easy to search.
我想要做的是有一个可点击的图像,上面有一个数字(通知数量)。
一些常见的例子是当你错过通知时Facebook的地球仪或当你错过电话时iPhone上的电话图标。
如果可能的话,我不想重新发明轮子。
你所要做的就是在同一个地方有一个图像和一个标签,但是保存数字的标签将有一个更大的 z-index 在顶部
将标签/链接放在 div 中。并为带有数字的气泡插入另一个 div,为其设置样式。使其位置绝对,但不要设置左侧和顶部。使用 marginLeft 和 marginTop 来定位。z-index 可用于对抗@nathan 提到的重叠情况