处理不同显示模式的背景图像不透明度

时间:2017-01-04 13:54:54

标签: css background-image opacity

我通过正文标签在页面背景中使用图像,并为该图像提供不透明度,我使用线性渐变作为背景图像,如下面的代码所示。

body {
    background-image: linear-gradient(rgba(256, 256, 256, 0.5), rgba(256, 256, 256, 0.5)), url(https://static.pexels.com/photos/159731/pencil-education-pencil-sharpener-art-159731.jpeg);
}

此代码的问题是图像在电视的某些显示模式下不可见,如游戏,电影,用户等..具有不同的亮度级别。

是否有其他方法可以通过获取显示器的亮度级别来处理body标签中的图像的背景图像不透明度或任何使用相同代码处理不透明度的解决方案。

fiddle

0 个答案:

没有答案