老师,为什么把背景改为图片了之后一开始的蓝色部分就会显示出来啊?

老师,为什么把背景改为图片了之后一开始的蓝色部分就会显示出来啊?

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>线性渐变 - 特殊案列</title>

<style type="text/css">

div{

width:800px;

height:800px;

background:#abcdef;

/*background:-webkit-linear-gradient(45deg,red,yellow,blue);

background:   -moz-linear-gradient(45deg,red,yellow,blue);

background:     -o-linear-gradient(45deg,red,yellow,blue);

background:        linear-gradient(45deg,red,yellow,blue);*/

background-image:linear-gradient(45deg,red 25%,transparent 25%),

           linear-gradient(-45deg,red 25%,transparent 25%),

           linear-gradient(45deg,transparent 75%,red 75%),

           linear-gradient(-45deg,transparent 75%,red 75%);

}

</style>

</head>

<body>

<div></div>

</body>

</html>


正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕码 2020-03-17 17:56:50

同学你好,不太理解“把背景改为图片了之后一开始的蓝色部分就会显示出来”的意思。本代码中也没有引入图片,请问是什么意思呢,可以详细描述一下,以便准确的帮助同学分析解决。

祝学习愉快~

  • 我明白他的意思,之前是background属性设置的四个角变成红色,背景颜色蓝色是不显示的。
    然后把四个角属性改成background-image,背景颜色就变成了蓝色,他不太理解这个的原因。

    2021-02-18 08:10:46
  • 同学你好,测试代码蓝色背景颜色是显示出来的哦,并不是同学描述的效果

    http://img1.sycdn.imooc.com//climg/602e189f0972ae8814371400.jpg

    自己可以测试下,祝学习愉快!

    2021-02-18 15:57:33
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师