Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html CSS透明1x1黑色像素,不透明?_Html_Css - Fatal编程技术网

Html CSS透明1x1黑色像素,不透明?

Html CSS透明1x1黑色像素,不透明?,html,css,Html,Css,我一直试图得到一个70%透明黑色背景的元素,当然,由于浏览器兼容性问题,我不得不使用像素。我只会使用CSS;但是,这使得元素的整个内容也变得透明 图片如下: 你知道为什么像素不是透明的吗?我已经在Paint.NET中创建了PNG图像,并相应地设置了透明度。尝试背景:rgba(0,0,0,0.48)其中0.48是不透明度 这里有一把小提琴: 确保将png保存为32位版本以保持alpha透明度。如果它保存为8位或24位,您将看不到它。您使用的浏览器和版本是什么?请发布您的代码。@JamesMohl

我一直试图得到一个70%透明黑色背景的元素,当然,由于浏览器兼容性问题,我不得不使用像素。我只会使用CSS;但是,这使得元素的整个内容也变得透明

图片如下:

你知道为什么像素不是透明的吗?我已经在Paint.NET中创建了PNG图像,并相应地设置了透明度。

尝试
背景:rgba(0,0,0,0.48)其中0.48是不透明度

这里有一把小提琴:

确保将
png
保存为32位版本以保持alpha透明度。如果它保存为8位或24位,您将看不到它。

您使用的浏览器和版本是什么?请发布您的代码。@JamesMohler Google ChromePerhaps它不是保存为png-32,而是保存为png-8或24位?(这将失去alpha透明度。)@ScottS这就是问题所在!谢谢。:)根据OP的顾虑,请注意使用CSS3颜色的浏览器兼容性: