老师,图片没变咋回事?

来源: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只能引入图片,不能设置其他属性,所以替换图片不生效。

参考如下:

http://img.mukewang.com/climg/5e560f9809c77efb10380129.jpg

修改之后就正确了,自己再测试下。

如果我的回答帮到了你,欢迎采纳,祝学习愉快~

0

0 学习 · 40143 问题

查看课程