方法一:设置失败图片
.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
基础教程推荐
猜你喜欢
- javascript报错:xxx.foreach is not a function 2022-07-25
- TypeScript 泛型重载函数的使用方式 2022-10-21
- vue中set方法 2023-10-08
- vite2.0+vue3+ts前端最新热门技术项目搭建 2023-10-08
- 纯CSS实现hover图片pop-out弹出效果的实例代码 2024-04-09
- overflow:auto的用法详解 2024-03-10
- 在html站点上的Node.js mysql显示表 2023-10-26
- 给Ajax返回的HTML标签动态添加样式的方法 2023-02-01
- 通过history解决ajax不支持前进/后退/刷新的问题 2023-02-14
- jquery.cookie.js 操作cookie实现记住密码功能的实现代码 2024-03-21