В Яндекс. браузере вместо текста -пустота

@ponomarevbro895 · Регистрация: 06.05.2018

Author24 — интернет-сервис помощи студентам

Все привет! Подскажите пожалуйста!!! Есть div блок, в котором текст. цвет этого текста - обычная картинка. На всех браузерах все хорошо смотрится, но на некоторых компах (именно в Яндекс. браузере) тупо пустое пространство.
Как от этого избавиться?

HTML5

1
2
3

<div class="giftcolorgray">
<h2 class="giftcolor">Привет, мир!</h2>
</div>

CSS

div.giftcolorgray{
 background:url(img/gift/textpay.JPG) no-repeat center/cover;
  -webkit-background-clip:text;
  -webkit-text-fill-color: transparent;
  -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
  font-weight:bold; padding: 10px; margin-left: 90px;
}

@scivola · 24.11.2018, 14:08

HTML5

1
2
3

<div class="giftcolorgray">
    <h2 class="giftcolor">Привет, мир!</h2>
</div>

CSS

.giftcolor {
background-image: url(img/gift/textpay.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
-webkit-background-clip:text;           
color: transparent;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-weight:bold; 
padding: 10px; 
margin-left: 90px;
}

Вот так работает.

	24.11.2018, 14:08