Início / user-30102996

Warby's questions

Martin Hope
Warby
Asked: 2025-04-05 07:42:41 +0800 CST
  • 6

Estou tentando sobrepor letras em um <p>elemento com a letra da esquerda em cima, tentei colocar cada letra em um intervalo e definir o z-index, no entanto, isso parece não funcionar, CodePen . Quero a letra da esquerda em cima da letra da direita.

Como posso sobrepor as letras da esquerda em cima à direita em baixo?

Código:

@font-face {
  font-family: 'CloudySunday';
  src: url('https://fritzfromtechsupport.com/fonts/CloudySunday.ttf') format('truetype');
}
<div>
  <p style="letter-spacing: -0.8rem;font-family: 'CloudySunday';">
    <span style="z-index: 1000;color: green;font-size: 70px;filter: drop-shadow(0px 2px black) drop-shadow(0 -2px black) drop-shadow(2px 0 black) drop-shadow(-2px 0 black);">
  h
</span>
    <span style="z-index: 100;color: red;font-size: 70px;filter: drop-shadow(0px 2px black) drop-shadow(0 -2px black) drop-shadow(2px 0 black) drop-shadow(-2px 0 black);">
  i
</span>
  </p>
</div>

html