Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/unit-testing/4.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 如何添加背景图像+；背景颜色不透明度？_Html_Css - Fatal编程技术网
Fatal编程技术网
  • html/
  • Html 如何添加背景图像+；背景颜色不透明度？

Html 如何添加背景图像+；背景颜色不透明度？

html css

Html 如何添加背景图像+；背景颜色不透明度？,html,css,Html,Css,如何为主体标签添加不透明度的背景图像+背景色？尝试此代码将div标签包含在您的主体中 .background{ 背景：url（'http://placehold.it/100x100'); 位置：相对位置； 高度：100px； 宽度：100px； } .层{ 背景色：rgba（75,86,160,0.7）； 位置：绝对位置； 排名：0； 左：0； 宽度：100%； 身高：100%； } 您可以在具有背景图像的上使用背景混合模式 编辑：您可能希望创建一个元素，作为站点的主容器，而不是将背景图像添

如何为
主体
标签添加不透明度的
背景图像+背景色
？

尝试此代码将div标签包含在您的主体中

.background{
背景：url（'http://placehold.it/100x100');
位置：相对位置；
高度：100px；
宽度：100px；
}
.层{
背景色：rgba（75,86,160,0.7）；
位置：绝对位置；
排名：0；
左：0；
宽度：100%；
身高：100%；
}
您可以在具有
背景图像的
上使用
背景混合模式

编辑：您可能希望创建一个
元素，作为站点的主容器，而不是将背景图像添加到
中



.card\u图像{
宽度：300px；
高度：300px；
/*更改道奇蓝色背景的不透明度
为第四个参数选择0-1之间的值*/
背景：rgba（34167240,0.75）；
背景图像：url（'https://unsplash.it/300');
背景混合模式：倍增；
}