如何使用CSS在文本上放置文本

Question

使用CSS（最好是内联）在文本上放置文本的最简单方法是什么，而不使用position：absolute？此外，我正在使用Bootstrap的网格位置容器，所以一切都是响应。不确定这是否有助于任何人回答。

Answer 1

使用Z-Indexes。如果您熟悉3D网格，这对您来说很自然。 Z-Index越高，优先级越高。

Here's a nifty little article about it from W3 schools.

但基本上它是如何运作的：

img {
z-index: 0;
}
.text {
z-index: 1;
}

我可以理解为什么你不想使用position: absolute ...有时候你只想要有东西在那里并留在那里:)