CSS: поместите текст через пограничную черту и покажите фон за текстомCSS

Разбираемся в CSS
Anonymous
CSS: поместите текст через пограничную черту и покажите фон за текстом

Сообщение Anonymous »

Я хочу разместить текст через пограничную линию, чтобы линия не была видна за текстом. Вместо этого я хочу, чтобы фон тела был видим за текстом. < /P>
Я написал следующий код: < /p>


body {
background-image: url('Изображение');
}
.border {
position: absolute;
border-style: solid;
border-width: 0.3rem;
top: 1rem;
height: 12rem;
width: 12rem;
color: black;
}
.sometext {
position: absolute;
margin-top: 0rem;
margin-left: 1rem;
font-size: 1.2rem;
color:white;
}



A B C D E


< /code>
Когда я загружаю страницу, я получаю следующее: граница, видимая за текстом < /p>
Однако я не хочу, чтобы строка была видимой за текстом. Я хочу, чтобы фон был видимым. Это предотвратит появление строки за текстом, но также заменяет фон за текстом. Я пытался переосмыслить элементы, но это ставит границу над текстом.
Любой совет будет оценен.>

Подробнее здесь: https://stackoverflow.com/questions/797 ... ehind-text

Вернуться в «CSS»