老师您好,check pls, thanks a lot.
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>background-origin</title>
<style>
div{
width: 500px;
height: 150px;
background: url("http://img1.sycdn.imooc.com/climg//582c342b0001fd6507000210.jpg") no-repeat;
border:10px solid blue;
}
div:hover{
background: url("http://img1.sycdn.imooc.com/climg//582c34220001091605000150.jpg") no-repeat 10px 10px;
background-clip:content-box;
}
</style>
</head>
<body>
<div>
</div>
</body>
</html>
正在回答
同学你好,
代码中不完善,参考修改:
自己再测试下。如果我的回答帮助到了你,欢迎采纳~
祝学习愉快!
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星