老师我想问一下图片替换这个环节咋实现的？
来源：2-6 背景图像定位（ background-origin）
幻城163630
2020-02-04 22:35:52
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>background-origin</title>
<style type="text/css">
div{
width:300px;
height:200px;
overflow:hidden;
margin:0 auto;
border:20px solid red;
}
.one:hover+.two{
display:block;
padding:10px;
background-origin:padding-box;
}
.one{
}
.two{
}
</style>
</head>
<body>
<div>
<img class="one" src="http://climg.mukewang.com/582c342b0001fd6507000210.jpg">
<img class="two" src="http://climg.mukewang.com/582c34220001091605000150.jpg">
</div>
</body>
</html>
1回答
-
同学你好，请问同学是想实现2-7编程练习的效果吗？如果是这样的话，可以通过background属性设置背景图片，鼠标移入时，修改背景图片地址，实现图片替换的效果。示例：
如果不是指这里，建议新建提问，详细描述一下具体指的是哪里，便于帮助同学准确的定位于解决问题。
另，建议：同学以后在对应的章节与练习题下提问，便于帮助同学高效的解决问题。
如果我的回答帮助到了你，欢迎采纳，祝学习愉快~
0
相似问题