美文网首页
ios兼容linear-gradient半透明渐变

ios兼容linear-gradient半透明渐变

作者: plum_meizi | 来源:发表于2023-07-03 11:27 被阅读0次

因为ios不支持transparent表示的透明,以下代码会表现出黑底

background: linear-gradient(transparent, rgba(255, 255, 255, 1) 50%);

可以使用 rgba(255, 255, 255, 0)表示透明

background: linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255, 1) 50%);
background: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255, 1) 50%);
background: -o-linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255, 1) 50%);
background: -moz-linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255, 1) 50%);

相关文章

  • 总结HTML5(二)

    渐变 线性渐变 linear-gradient linear-gradient:(angle,color val...

  • 入坑线性渐变linear-gradient

    线性渐变linear-gradient的表达式:linear-gradient( [ | ,]? [, ...

  • CSS之渐变

    线性渐变 linear-gradient 径向渐变 radial-gradient 和 重复渐变 repeati...

  • 2018-04-16

    backgroud:linear-gradient(#.#.)背景渐变颜色

  • CSS渐变

    css渐变分为:1.线性渐变(linear-gradient) 2.径向渐变(radi...

  • background、border 渐变色

    背景渐变色:background linear-gradient 线性渐变色radial-gradent 径向渐变...

  • css3 渐变

    渐变分线性渐变(linear-gradient)和径向渐变(radial-gradient);这里写的代码省去了-...

  • CSS3渐变

    CSS3渐变共有3种:(1)线性渐变(linear-gradient);(2)径向渐变(radial-gradie...

  • 线性渐变

    线性渐变 linear-gradient 渐变分4种 线性渐变 径向渐变 重复线性渐变 重复径向渐变重点学习线性渐...

  • 渐变

    一. 1.渐变语法 线性渐变 background-image:linear-gradient( to top,g...

网友评论

      本文标题:ios兼容linear-gradient半透明渐变

      本文链接:https://www.haomeiwen.com/subject/nrvqudtx.html