如果徽标图形文件未加载或丢失，如何显示文本而不是徽标？我有带有背景 PNG 图像的 div：
<div class="iHaveBgImage">
this text should be displayed if bg image is not loaded
</div>
.iHaveBgImage { background-image: url('img.png') }
它不必是纯 CSS，Javascript 解决方案是允许的。我正在考虑 onerror 事件，但它适用于图像，而不是具有图像背景的元素。
编辑：
有人告诉我这个问题以前已经回答过，但还有另一种情况。我没有说可以改变DOM，只能应用CSS和JS。其次，在建议的其他解决方案中，我应该使用标题属性，我尝试了它，它不显示文本，只将其悬停。
试试这样：
HTML
<div class="iHaveBgImage">
<p>this text should be displayed if bg image is not loaded</p>
</div>
CSS
.iHaveBgImage { background-image:
url('https://s31.postimg.org/yqv51r5xn/6936671_hd_wallpapers_for_ipad.jpg');
color:red;
}
.iHaveBgImage > p {
position: relative;
z-index: -1;
}
完美运作https://jsfiddle.net/s0gt2eng/ https://jsfiddle.net/s0gt2eng/
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
