渐变色与背景图片

渐变色与背景图片

线性渐变不能和背景图片同时使用吗? 如果想用渐变色当背景颜色,上边再放背景图片,怎么做到?

正在回答

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

1回答

同学你好,线性渐变就是作为背景图来是使用的

https://img1.sycdn.imooc.com//climg/6144421609a9307f14170491.jpg

background-image是背景图片属性,也是渐变属性,所以两者不能同时设置在一个元素上。背景色属性是background-color属性,不一样的哦。


不过可以使用两个元素造成一个元素的假象,例如:

https://img1.sycdn.imooc.com//climg/6144436d09df242507970602.jpg

两个元素一样大小,two覆盖在one上,one设置渐变,two添加背景图

https://img1.sycdn.imooc.com//climg/6144432809ed97f502500231.jpg


祝学习愉快!

  • 知还 #1

    我看到 mnd linear-gradient 部分的示例,好像是直接使用的 background 属性,没有特别写 background-image 这里是省略写法的综合属性吗?

    https://img1.sycdn.imooc.com//climg/6201d8c50951804824750940.jpg

    2022-02-08 10:43:21
  • 同学你好,同学理解的没有问题。mdn上确实直接使用的是background(简写)做的例子,例子中直接给background简写属性赋值的。

    https://img1.sycdn.imooc.com//climg/6201d9890951fc1d15930868.jpg

    另:一般来说在工作中使用background简写这种情况较多。但在学习阶段建议同学还是尽量不要使用简写方式,课程中咱学的就是各个属性的使用方式方法,等知识点都掌握的ok了再使用简写的方式哈。

    祝学习愉快!

    2022-02-08 10:53:50
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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