当前位置:首页 » 风景景观 » 背景色半透明

背景色半透明

发布时间: 2020-11-23 13:48:14

① css如何让层背景颜色半透明

{
filter: Alpha(Opacity=50) /* for IE */
background-color: rgba(0, 0, 0, 0.5); /*for FF*/

}

② 怎么用PS做出半透明的颜色 能把背景透出来

新建文件,设置背景色为透明,再打开一张图片,把这张图片拖到新建的文件(为第二层),并设置通明为50%

③ 怎么做半透明的背景

在CSS中有一个Alpha滤镜,这个滤镜可以设置目标元素的透明度。还可以通过指定坐标,从而实现各种不同范围的透明度。

具体语法如下:

{filter: alpha(opacity=#opacity,finishopacity=#finishopacity,style=#style,startx=#startx,starty=#starty,finishx=#finishx,finishy=#finishy)}

具体参数含义如下:

opacity 透明度。
默认的范围是从0 到 100,他们其实是百分比的形式。也就是说,0代表完全透明,100代表完全不透明。
finishopacity 是一个可选参数,如果想要设置渐变的透明效果,就可以使用他们来指定结束时的透明度。范围也是0 到 100。

style
指定透明区域的形状特征:
0 代表统一形状,
1 代表线形,
2 代表放射状,
3 代表矩形

startx 渐变透明效果开始处的 X坐标。
starty 渐变透明效果开始处的 Y坐标。
finishx 渐变透明效果结束处的 X坐标。
finishy 渐变透明效果结束处的 Y坐标。

以上的参数可以选用,可以只设置一个opacity

例如:

{filter:alpha(opacity=50)}

这个就是半透明的设置,只要把{}中的代码加入到需要设置的模版中的{}的即可,记得与前面的代码之间要用";"间隔,不然设置是无效的

例如:

要设置模版区域背景的颜色(白色)+半透明

只要在
.modbox{}
.modbl{}
.modbc{}
.modbr{}

中都设置background-color:white
这些就是模版背景设置的ID

然后再在.modbox,.modbl,.modbc,.modbr{}如果没有这个的话可以自己加一个

加入filter : alpha(opacity=80)就可以达到所有模版的背景都是半透明的效果了

如果希望像我这样只显示blog的背景,别的都全透明的话,那么就在别的模版中加入背景全透明的代码即可

background:transparent
这就是背景全透明的代码

不过这样的话,相关模版的主要区域是透明了,可是底下还会有一条颜色留着的,所以另外还要在
.modbl{}
.modbc{}
.modbr{}
中也加入背景全透明的代码,这样才能让模版区域完全透明,就像我现在的效果一样

另外这个参数目前只能用于背景色的设置,背景图片无法设置为半透明

例如:

.modbox{padding:10px 10px 0 10px;background-color:#FFFFFF;border-left:1px solid #813533;border-right:1px solid #813533}
.modbl{background:transparent;border-left:1px solid #813533;border-bottom:1px solid #813533;line-height:1px}
.modbc{background:transparent;border-bottom:1px solid #813533;line-height:1px}
.modbr{background:transparent;;border-right:1px solid #813533;border-bottom:1px solid #813533;line-height:1px}
.modbox,.modbl,.modbc,.modbr{filter:alpha(opacity=80);-moz-opacity:0.8;width:auto !important;width:100%}

红色字是关键设置,如果不想设置全透明的话,可以把.modbl{}.modbc{}.modbr{}三个中的background:transparent改成.modbox{}中的background-color:#FFFFFF,当然这里的#FFFFFF你可以换成自己喜欢的颜色,不过为了美观统一,建议这4个的颜色代码最好设置为一样的

附:#FFFFFF就是white,白色;#000000就是black,黑色

ID的代码:

个人档案#m_pro{}
空间标题栏#m_header{}
菜单栏是#tab{}
文章区域#m_blog{}
相册区#m_album{}
友情链接#m_links{}
文章分类#m_artclg{}
最新评论#m_comment{}
访问量区域#comm_info{}
......

以上所有模块[除空间标题和菜单外]背后的大模块.stage{}

这就是几个大模块的ID,把全透明代码添加到其中想要设置全透明的ID{}内就可以了,如果没有你要设置的模块ID{},就自己添加上去

④ CSS如何定义DIV背景半透明颜色

  • “长城郭靖”回答的是错的,他答的是让整个元素半透明


  • 只让背景半透明只有一专个办法,就是用rgba颜色属,代码如下

background:rgba(0,0,0,0.5)

解释:这是黑色半透明的代码

前三个值表示颜色的red,green,blue值

最后一个表示alpha值,就是透明度值,不透明为1

(支持IE8+以及所有现代浏览器)


  • 还是不懂的话,可以参考 网络 “rgba”词条 和 “CSS 颜色值”词条

⑤ HTML如何给背景颜色设置透明度

为div添加样式。在<title>标签后面创建一个<style>,在<style>标签里设置rgba类的高
和背景透明度的样式(rgba(R,G,B,A))。透明度参数,取值在0~1之间,不可为负值,
透明度参数越小透明度越高。
#test-1,#test-2,#test-3{
width:300px;
height:200px;
line-height:200px;
text-align:center;
display:inline-block;
margin-left:50px;
color:#FFF;
}

#test-1{
background-color:rgba(0,0,0,1);
}
#test-2{
background-color:rgba(0,0,0,0.5);
}
#test-3{
background-color:rgba(0,0,0,0.2);
}

⑥ 怎么用ps做出这种文字颜色为半透明背景色的效果

1.
文字工具选白色写文字
2.
图层混合模式改为叠加

⑦ div设置背景半透明

#a{
background:#FFCC33;
filter:alpha(opacity=50);/*支持IE浏览器*/
-moz-opacity:0.50;/*支持FireFox浏览器*/
opacity:0.50;/*支持Chrome,Opera,Safari等浏览器*/
width:300px;
height:300px;
}

还有一种仅让背景半透明,里面内容不会透明

#a{
background:rgba(255,204,51,0.5);
width:300px;
height:300px;
}

前三个值专表示颜色的属red,green,blue值

最后一个表示alpha值,就是透明度值,不透明为1

⑧ css背景色半透明后,弹出一个窗口,怎么使背景色半透明覆盖整个网页

用js框架吧,jquery,extjs很容易实现,你会发现更多的功能

⑨ CSS怎么设置让背景颜色透明,而文字不透明

1、首先我们新建一个html文件,添加一个DIV,设置宽度和高度,以及背景色填充为红色。

⑩ HTML如何给背景颜色设置透明度

(1)创建一个来html文件。如图

热点内容
一部国外电影,一个老男人骑个摩托车 发布:2024-08-19 09:13:10 浏览:920
脖子上有睾丸是什么电影 发布:2024-08-19 09:03:17 浏览:374
变形金刚撒谁家的 发布:2024-08-19 08:43:06 浏览:478
美国男电影双胞胎 发布:2024-08-19 08:42:20 浏览:764
黑人橄榄球少年收养电影 发布:2024-08-19 08:25:26 浏览:918
夏目哉大片 发布:2024-08-19 08:09:22 浏览:806
他第一部出演的电视剧是,的英语 发布:2024-08-19 08:07:54 浏览:654
电影检索 发布:2024-08-19 07:48:52 浏览:198
谁有视频 发布:2024-08-19 07:41:55 浏览:141
成龙香港鬼片电影大全 发布:2024-08-19 07:39:46 浏览:223