css背景透明（CSS背景透明文字不透明）

本篇文章给大家谈谈css背景透明，以及CSS背景透明文字不透明对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、css把背景变全透明
• 2、CSS 的颜色代码 透明色是什么代码？
• 3、css中，怎么写背景图片的透明度？
• 4、在css中怎样让文字的背景色透明？

css把背景变全透明

分类: 电脑/网络 百度 百度空间

解帆李析:

晕死！好像不用这么麻烦啊！

等会啊，我查查！

1.进入你的空间----|设置|----|模板设置|-----自定义模版CSS可以让缺轿兄您： • 直接编辑CSS文件，实现个性化效果----|编辑|

2.删除开头处的4句语句伏袭：

body{background-color:#FFFFFF}

#header{height:89px;background:#CDF991}

#header div.lc{}

#header div.rc{background:url(img.baidu/hi/temp9/hdr) no-repeat top right}

3.删除第21行处的这条语句：

.stage{background:#DFFFB2}

4.在开头位置复制并粘贴以下语句：

body {background:url(hiphotos.baidu/moxinxi/pic/item/66a2ccfc10df9c82b801a029) repeat fixed!important}

#m_pro{background:transparent}

#m_album{background:transparent}

#m_blog{filter:alpha(opacity=80);-moz-opacity:0.8;width:auto !important;width:100%}

#header{height:89px}

#m_links{filter:alpha(opacity=80);-moz-opacity:0.8;width:auto !important;width:100%}

搞定！去看看吧！

CSS 的颜色代码 透明色是什么代码？

透明色：transparent

背景色设为透明，代码如下：background-color:transparent;

字体颜色设为透明，代码孙敏如下：color:transparent;

扩展资料：

常用颜色代码分4种，分别如下：

1、常用颜色单词，比如green（绿色），yellow（黄色），red（红色），transparent（透明色）等；

2、以#号开头的六肆吵个字符组成的颜色代码，比如：#FF0000（红色），#000000（黑色），#F9F900（黄色）等；

3、颜色rgb值，表达方式：rgb(参数1，参数2，参数3)，三个参数分别表示r，g，b

1）R：红色值。正整数|百分数

2）G：绿色值。正整数|百分数

3）B：蓝色值。正整数|百分数

4、rgba(参数1，参数2，参数3，参数4)，这种方式前三个参数与上面第3点种相同，第四个参数表示透明度，数值在0-1之间。0表示透明度裂凯侍为0（即透明色），1表示透明度为1（百分百）。

[img]

css中，怎么写背景图片的透明度？

亲，我们经常会使用到背景图片，但有时候需要把背前明景图片设置一个半透明的效果，那么就需要以下的CSS了。这是一个CSS滤镜达到的效果，应用十分广泛。

.modbr{filter:alpha(opacity=80);-moz-opacity:0.8;width:auto !important;width:100%}

注：

代码应用的式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)}

在css中怎样让文字的背景色透明？

设置元素的透明度：

-moz-opacity:0.8; /*在Firefox中设置元素透明渣销枝度

filter: alpha(opacity=80); /*ie使用滤镜设置透明

但是当我们对一个标签设置背景的透明度时，往往我们并不希望该标签上的文字图片也变成半透明了。

例如：

divp不透明/p/div

div{-moz-opacity:0.3;filter:alpha(opacity=30);background:#000;width:500px;

height:500px;color:#F30; font-size:32px; font-weight:bold; }

可以很明显的看出文字也被半透明的，这是我们不想看到的效果。

以前我曾经是绝对定位的方斗尺法解决这个问题，也就是现在的p并不是div的子元素。

div/div

p不透明/p

这样div的半透明效果也就不会影响到元素p了。最后在将p定位到需要的位置。

但是很多时候这样如敏的标签并不是很合理，有可能还会多浪费几个标签。

下面的这种方法就可以解决上面的问题了：

div{background:rgba(0,0,0,0.2) none repeat scroll !important; /*实现FF背景透明，文字不透明*/

background:#000; filter:Alpha(opacity=20);/*实现IE背景透明*/

width:500px; height:500px; color:#F30; font-size:32px; font-weight:bold;}

div p{ position:relative;}/*实现IE文字不透明*/

关于css背景透明和CSS背景透明文字不透明的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。