img为空时不显示

news2024/11/29 10:00:34

当img标签的src为空时,会显示一个裂开的图片,不好看

<img src="" style="width:200px;height: 200px;" />

解决办法:

1、图片为空时隐藏图片

    <img src="" onerror=this.style.display="none"  style="width:200px;height: 200px;" />
    <img src="" onerror=this.style.opacity="0" style="width:200px;height: 200px;"  />
    <img src="" onerror=this.style.visibility="hidden" style="width:200px;height: 200px;" />

或者使用css的方式:

        img[src=""],
        img:not([src]) {
            visibility: hidden;
        }

2、图片为空时用其他图片替代

    <img src="" onerror=this.src="https://pic.ljgis.com/ljgis.png" style="width:200px;height: 200px;" />

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1187650.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

MySQL最新2023年面试题及答案,汇总版(2)【MySQL最新2023年面试题及答案,汇总版-第三十二刊】

文章目录 MySQL最新2023年面试题及答案&#xff0c;汇总版(2)01、InnoDB的BTree 存储整行数据和主键的值的区别是什么&#xff1f;02、读写分离常见方案&#xff1f;03、为什么索引结构默认使用BTree&#xff0c;而不是Hash&#xff0c;二叉树&#xff0c;红黑树&#xff1f;04…

PyCharm+Miniconda3安装配置教程

PyCharm是Python著名的Python集成开发环境&#xff08;IDE&#xff09; conda有Miniconda和Anaconda&#xff0c;前者应该是类似最小化版本&#xff0c;后者可能是功能更为强大的版本&#xff0c;我们这里安装Miniconda 按官方文档的说法conda相当于pip与virtualenv的结合&am…

基于Kinect 动捕XR直播解决方案 - 技术实现篇

一 安装与部署 1. 安装与部署Kinect-v2设备: 安装硬件: Kinect-v2设备带线一台; Kinect-v2 原装适配器适配器组合件设备一台; Kinect-v2 USB 3.0 WIndows PC 一天&#xff0c;原主板支持USB3.0接口; Windows PC 系统 Win10( Win 10 Version 21H2更新, 基于x64系统), 特别…

聚观早报 |苹果iMac2028年将有3款;小米汽车明年发布

【聚观365】11月9日消息 苹果iMac2028年将有多款 小米汽车明年发布 何小鹏再谈AEB 友道智途助力智慧交通新基建 vivo X100系列四款配色公布 苹果iMac2028年将有多款 据外媒报道&#xff0c;苹果iMac此前虽曾有21.5英寸、24英寸、27英寸等版本&#xff0c;但他们目前在售的…

NOIP2015提高组第二轮day2 - T2:子串

题目链接 [NOIP2015 提高组 day2 第二题] 子串 题目描述 有两个仅包含小写英文字母的字符串 A A A 和 B B B。 现在要从字符串 A A A 中取出 k k k 个互不重叠的非空子串&#xff0c;然后把这 k k k 个子串按照其在字符串 A A A 中出现的顺序依次连接起来得到一个新的…

科技改变农业:合成数据农业中的应用

介绍 农业在我们的生活中起着至关重要的作用&#xff0c;它为我们提供了生存的食物。如今&#xff0c;它遇到了各种困难&#xff0c;例如气候变化的影响、缺乏工人以及全球流行病造成的中断。这些困难影响了耕作用水和土地的供应&#xff0c;而这些水和土地正变得越来越稀缺。…

Python基础教程之六:Python中的关键字

Python关键字是python编程语言的保留字。这些关键字不能用于其他目的。 Python中有35个关键字-下面列出了它们的用法。 KeywordDescriptionandA logical AND operator. Return True if both statements are True. x (5 > 3 and 5 < 10) print(x) # True orA logic…

率能SS6216-单通道直流有刷电机驱动芯片

产品描述&#xff1a; SS6216是一款单通道直流有刷驱动芯片&#xff1b;工作电压为 2.0V&#xff5e;7.2V&#xff0c;每个通道的负载电流可达1.4A;峰值输出电流1.6A&#xff1b;低待机电流 (typ. 0.1uA&#xff09;低导通电阻0.6ohm(采用SOP8/SOT23-6两种封装)满足产品小型化…

pytest + yaml 框架 -58.运行报告总结summary.json

前言 用例运行结束后&#xff0c;在本地生成summary.json 文件&#xff0c;总结运行结果。 v1.5.1版本更新内容&#xff1a; 1.解决参数化&#xff0c;中文在控制台输出问题 2.保存用例结果summary.json 保存用例结果summary.json 命令行执行用例 pytest运行结束&#xff0…

查找-树表的查找-平衡二叉树

目录 平衡二叉树得定义插入操作平衡二叉树的平衡调整方法查找效率分析 平衡二叉树得定义 平衡二叉树(Balanced Binary Tree),简称平衡树(AVL树)&#xff0c;平衡二叉树或者空树&#xff0c;或者是具有以下特征得二叉树排序是&#xff1a; 左子树与右子树得深度之差得绝对值不超…

柯桥英语培训,商务英语学习,常用口语

欢迎各位小伙伴来到 ——“每个单词我都认识&#xff0c;但我又不认识整个短语”的时候啦&#xff01; “dog”是“狗” “breakfast”是早餐 那“a dogs breakfast”是“狗的早餐”&#xff1f; 狗听了都摇头。 a dogs breakfast是一句英文俚语&#xff0c;指的是无序、混…

2010年09月15日 Go生态洞察:探索Go Playground的新颖之处

&#x1f337;&#x1f341; 博主猫头虎&#xff08;&#x1f405;&#x1f43e;&#xff09;带您 Go to New World✨&#x1f341; &#x1f984; 博客首页——&#x1f405;&#x1f43e;猫头虎的博客&#x1f390; &#x1f433; 《面试题大全专栏》 &#x1f995; 文章图文…

异地传输大文件最快且安全稳定的办法

无论是企业还是个人&#xff0c;都会有传输大文件的需求&#xff0c;特别是在异地时&#xff0c;工作中最典型的就是项目资料、合同文档、视频素材等都是有一定的及时性的&#xff0c;那么在传输过程中&#xff0c;没有好的传输方式会间接性的影响到整体工作的进行&#xff0c;…

假脱机技术

一、脱机技术 二、引入假脱机技术 1.相关概念抽象 2.总体结构 三、实现过程

撕开AEB的「遮羞布」

如果&#xff0c;以NOA为代表的高阶智驾&#xff0c;考量的更多是在车辆运动条件下&#xff0c;如何更好的规避障碍物&#xff0c;并实现平稳的驾乘体验&#xff1b;那么&#xff0c;以AEB代表的主动安全功能&#xff0c;则需要更多考量「安全」刹停。 根据此前公安部发布的公开…

【ASP.NET】检验科实验室信息管理系统源码

LIS是全院信息化建设的一个重要组成部分&#xff0c;其主要功能是将检验的实验仪器传出的检验数据经分析后&#xff0c;生成检验报告&#xff0c;通过网络存储在数据库中&#xff0c;使医生能够方便、及时的看到患者的检验结果&#xff0c;LIS已经成为现代化医院管理中必不可少…

【h5 uniapp】 滚动 滚动条,数据跟着变化

uniapp项目 需求&#xff1a; 向下滑动时&#xff0c;数据增加&#xff0c;上方的日历标题日期也跟着变化 向上滑动时&#xff0c;上方的日历标题日期跟着变化 实现思路&#xff1a; 初次加载目前月份的数据 以及下个月的数据 this.getdate()触底加载 下个月份的数据 onReach…

17 _ 跳表:为什么Redis一定要用跳表来实现有序集合?

上两节我们讲了二分查找算法。当时我讲到,因为二分查找底层依赖的是数组随机访问的特性,所以只能用数组来实现。如果数据存储在链表中,就真的没法用二分查找算法了吗? 实际上,我们只需要对链表稍加改造,就可以支持类似“二分”的查找算法。我们把改造之后的数据结构叫做…

专业英国TOP1|设计学老师CSC公派伯恩茅斯大学访学

F老师的研究方向侧重于数字设计&#xff0c;比较小众&#xff0c;英国知名大学中涉及该专业的院系不是很多&#xff0c;且只有一个多月的申请时间。我们的申请效率很高&#xff0c;陆续得到英国多个高校的邀请函&#xff0c;最终其选定了伯恩茅斯大学申报CSC。伯恩茅斯大学的动…

对话刘继升:用户只管去“野”,剩下的交给福特纵横

在云南首家Ford Beyond福特纵横纵享空间的盛大开业典礼上&#xff0c;福特再次加速了其福特纵横网络建设&#xff0c;为越野爱好者带来更多乐趣。这一举措标志着福特正积极构筑一个全新的越野生态系统&#xff0c;为越野爱好者提供更多愉快的体验&#xff0c;同时打造一个充满乐…