老师,图片没变咋回事?
来源:2-7 编程练习
慕粉3414773
2020-02-26 12:55:11
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
div{
width:300px;
height: 100px;
padding:10px;
border:10px solid rgba(0,255,255,0.35);
background-image:url(http://img1.sycdn.imooc.com\/climg/582c342b0001fd6507000210.jpg) ;
background-clip: padding-box;
}
div:hover {
background-image:url(http://img1.sycdn.imooc.com\/climg/582c34220001091605000150.jpg) no-repeat 10px 10px;
background-clip: border-box;
background-origin: content-box;
}
</style>
</head>
<body>
<div></div>
</body>
</html>
1回答
好帮手慕星星
2020-02-26
同学你好,background-image只能引入图片,不能设置其他属性,所以替换图片不生效。
参考如下:
修改之后就正确了,自己再测试下。
如果我的回答帮到了你,欢迎采纳,祝学习愉快~
相似问题