LoginSignup
2
3

More than 5 years have passed since last update.

@kamabokochan(かまぼこ)

safariでlinear-gradientのtransparentが黒くなった

Posted at

safariで、linear-gradientにtransparentの指定を挟んだらchromeとfirefoxはちゃんと表示されたのに、safariだけなんか透過できていなかった。

どうやらsafariの仕様で

transparent は rgba(0, 0, 0, 0)　つまり （黒の透明度100%）

と内部的にはなっているらしい。

なので

transparentではなく

rgba(255, 255, 255, 0) つまり （白の透明度100%）

にしたらちゃんと他のブラウザと同じ見た目になった。

参考：https://glatchdesign.com/blog/web/css/1254

2
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
Sign upLogin
2
3