Question

我有一些具有透明背景图像的div。但是，如果一个图像不可用，我有一个空的div。您可以将第二个URL设置为后备（background: url('content-image'), url('fallback-image');），但是由于初始图像是透明的，因此图像将被堆叠并且都可见。也许有一种方法可以用JS / jQuery来获取404错误？

编辑：棘手的是，我的背景图像是透明的。对于完全不透明的图像，完全可以找到设置多个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”可用，它将覆盖后备图像，由于透明性，我都看到了。

干杯：）

Alt-Background可获得透明的背景图像

0 个答案: