Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/76.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.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_Reactjs_User Interface - Fatal编程技术网

Html 在保持分离的同时模糊标题的背景

Html 在保持分离的同时模糊标题的背景,html,css,reactjs,user-interface,Html,Css,Reactjs,User Interface,网站的工作模板: Header.js中的my和元素具有背景色:#000000属性集。当粒子通过标头所在的区域时,它们将被该背景色完全遮挡 如何使标题的背景色透明?我希望能够看到粒子通过该区域以保持上下文 预期效果如下图所示,尽管我试图保持两个标题之间的区域不模糊 为什么不传递标题(假设您只需要标题是透明的) 不透明度:.5; /*或者*/ 背景色:rgba(0,0,0,5); 您可能需要添加一些阴影等东西,以使该东西具有透明的感觉。背景色:rgba(0,0,0,0.8);你应该做你想做的事

网站的工作模板:

Header.js
中的my
元素具有
背景色:#000000属性集。当粒子通过标头所在的区域时,它们将被该背景色完全遮挡

如何使标题的背景色透明?我希望能够看到粒子通过该区域以保持上下文

预期效果如下图所示,尽管我试图保持两个标题之间的区域不模糊


为什么不传递标题(假设您只需要标题是透明的)

不透明度:.5;
/*或者*/
背景色:rgba(0,0,0,5);
您可能需要添加一些阴影等东西,以使该东西具有透明的感觉。

背景色:rgba(0,0,0,0.8);你应该做你想做的事