方法一:设置失败图片
.error-image {
background-image: url('images/error-image.jpg');
background-size: cover;
width: 240px;
height: 180px;
}
方法二:设置失败文字
.error-text {
position: relative;
width: 240px;
height: 180px;
}
.error-text::before {
content: '图片加载失败';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
以上是编程学习网小编为您介绍的“img图片不存在如何利用css设置error”的全面内容,想了解更多关于 前端知识 内容,请继续关注编程基础学习网。
沃梦达教程
本文标题为:img图片不存在如何利用css设置error


猜你喜欢
- 单击按钮显示隐藏子菜单经典案例 2024-02-25
- CSS:自定多姿多彩的网页链接下划线 2022-10-16
- JS一维数组转化为三维数组的实现示例 2023-08-08
- js实现页面跳转的五种方法推荐 2023-12-23
- js实现iGoogleDivDrag模块拖动层拖动特效的方法 2023-12-23
- 反向Ajax 30分钟快速掌握 2023-01-20
- Layui弹框中数据表格中可双击选择一条数据的实现 2023-12-25
- 防止网站被采集的理论分析以及十条方法对策 2024-02-25
- async和await是es6语法还是es7语法(附代码介绍) 2025-01-17
- CSS3解决移动页面上点击链接触发色块的问题 2024-02-24