Alt-Background для прозрачного фонового изображения - PullRequest
Новая
       10

Alt-Background для прозрачного фонового изображения

0 голосов
/ 26 июня 2018

У меня есть несколько div с прозрачными фоновыми изображениями. Но если одно изображение недоступно, у меня есть пустой div. Вы можете установить второй URL как запасной вариант (background: url('content-image'), url('fallback-image');), но изображения будут сгруппированы, и оба будут видимы, так как исходное изображение прозрачно (в моем случае оба прозрачны). Может быть, есть способ получить ошибку 404 с помощью JS / jQuery?

Edit: Хитрость в том, что мои фоновые изображения прозрачны. С полностью непрозрачными изображениями, метод для установки нескольких url () полностью найден.

Edit2: 

<div style="height: 100px; width: 100px">
  <div style="background: url('transparent-image.png'); height: 100%; width: 100%"></div>
</div>

Если «transparent-image.png» недоступен, div будет пустым и выкинет 404. 

<div style="height: 100px; width: 100px">
  <div style="background: url('transparent-image.png'), url('fallback-image.png'); height: 100%; width: 100%"></div>
</div>

Если доступен «transparent-image.png», оно будет наложено на резервное изображение, и я вижу оба из-за прозрачности.

Приветствия:)

...