html问题。
h3{background:url(星星.png)no-repeat;}如果这张图片没有加载成功，我想做到把鼠标放在图片位置时跳出“图片加载失败”，该怎么做？...
h3{
background:url(星星.png) no-repeat ;
}
如果这张图片没有加载成功，我想做到把鼠标放在图片位置时跳出“图片加载失败”，该怎么做？ 展开
background:url(星星.png) no-repeat ;
}
如果这张图片没有加载成功，我想做到把鼠标放在图片位置时跳出“图片加载失败”，该怎么做？ 展开
1个回答
展开全部
给这个标签添加一个父标签，父标签的hover状态的background设置为加载失败的图片，把这个标签的background-color设置为transparent。
如果这个背景加载成功，那么父标签hover时的背景还是会被这个图片覆盖，否者，父标签的背景图片就会显示出来，也就实现了你的需求
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.parent:hover{
background: url(error.jpg);
}
div{
width: 200px;
height: 200px;
}
.son{
background: transparent url(img2l.pngs);
}
</style>
</head>
<body>
<div class="parent">
<div class="son"></div>
</div>
</body>
</html>
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
