html - 将纯色背景应用于 p 标签

Question

我有两个 p 标签，像这样:

<p class="under">Loxi phoxie</p>
<p class="over">Krinki Conxy</p>

我不想 p.over 覆盖 p.under，所以我在 css 中做了这个:

margin: -22px 0 0 0;
background: #fff;

p.over 标签将自己完美地定位在 p.under 之上，但是 p.under 的文本会闪耀，所以它是一团乱麻。我怎样才能实现我的目标，我不想 p.over 覆盖 p.under？

附言。我无法使用 javaScript 或 displey 隐藏任何标签:无； Ds.

Answer 1

添加到 p.over { position: relative; z-指数:2； }

EXAMPLE

updated example