Текст фонового клипа разрывается после использования этого свойства ⇐ CSS

[Anonymous]

У меня возникла проблема с фоновым клипом:текст, он прерывается после использования относительного по непонятной мне причине, текст есть, но цвет отображается прозрачным из-за цвета заливки веб-кита, но он не отображается текстовый градиент, который должен был быть виден после относительного положения. после удаления относительной позиции все работает идеально, и мне нужно его использовать.
это мой фиктивный код: -
Итак, вот мой код в HTML< /code>:

Код: Выделить всё

X
X
X
X
X
X
X
X
X
X
X

Для анимации мне нужно использовать положение: относительное (работает в FireFox, но не в Google Chrome или Safari)
Здесь это CSS:

Код: Выделить всё

.internaltext{
position: relative;
}

.colormanager {
font-family:, Verdana, Arial, Helvetica, sans-serif;
font-weight: 600;
position: relative;
top: 0;
white-space: none;
margin-top: 15px;
color:transparent;
background: -webkit-linear-gradient(left, #fff, rgb(231, 221, 221), #fff);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 0;
display: flex;
flex-direction: row;
font-size: 15px;
padding-left: 20px
}

Я попробовал следующее:

• Используя наследование: все

Использование наследования во всех

Код: Выделить всё

color:transparent;
background: inherit;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;

Никакого интересного ответа не нашел, поэтому задаю вопросы.


Подробнее здесь: https://stackoverflow.com/questions/743 ... s-property