やりたいこと

backgroundで画像を表示させながら、背景色で透過させたいみたいな時にハマったやつ

無理①

これでうまくいった記事多くあるがなぜかうまくいかない
backgroundのショートハンドでかく

background: rgba(#000, 0.5) url("画像URL") no-repeat center;

まぁ無理

background-image: url("画像のURL");
background: rgba(#000, 0.5);

liner-gradientつければうまく表示できた

background: linear-gradient(rgba(#000, 0.5), rgba(#000, 0.5)),
    url("画像URL") no-repeat center;