当前位置:科普知识站>IT科技>

css怎么设置背景透明度

IT科技 阅读(3.01W)

1、创建一个html文件。 2、在html文件找到一个标签,在这个标签里创建一个标签并添加一个类,在这把这个类设置为:rgba。 代码: 3、为div添加样式。在标签后面创建一个,在标签里设置rgba类的高和背景透明度的样式(rgba(R,G,B,A))。透明度参

有些时候想调css背景怎么办呢?

css怎么设置背景透明度

方法

语法:background-color:rgba(0,0,0,0.1);然后创建一个html文件。

怎样在CSS样式中设置背景的透明度,下面一个具体的实例。把类为box的层设为透明。 .box{width:300px; height:200px; margin:0 auto; boxder:1px solid #ccc; background:#000; filter:alpha(opacity:30); opacity:0.3; -moz-opacity:0.3;-khtml-o

css怎么设置背景透明度 第2张

从html文件找到<body>标签,然后在这个标签里创建一个<div>标签并添加一个类,在这把这个类设置为:rgba

1、首先新建一个html文件,添加一个DIV,设置宽度和高度,以及背景色填充为红色。 2、然后在父级DIV中插入一个子DIV,定义它的宽高,以及背景色(background:#fff;)。 3、然后添加一个透明度的代码(opacity:0.6),保存后预览下效果,背景已经

css怎么设置背景透明度 第3张

在<title>标签后面创建一个<style>,在<style>标签里设置rgba类的高和背景透明度的样式(rgba(R,G,B,A))。透明度参数,取值在0~1之间,不可为负值,透明度参数越小透明度越高。其中R,G,B,分别代表了红,绿,蓝三种颜色。

设置元素的透明度: -moz-opacity:0.8; /*在Firefox中设置元素透明度 filter: alpha(opacity=80); /*ie使用滤镜设置透明 但是当我们对一个标签设置背景的透明度时,往往我们并不希望该标签上的文字图片也变成半透明了。 例如: 不透明 div{-moz-

css怎么设置背景透明度 第4张

保存后使用浏览器查看

html中设置背景和背景颜色的透明度有两种方式: 1.通过rgba方式设置 例如: background:rgba(0,0,0,.5); 优点:可对任意颜色设置透明度 缺点:存在兼容性问题:针对IE9以下浏览器不兼容 2.通过backgroud和opacity设置 例如:background:#000000;

css怎么设置背景透明度 第5张

css怎么设置背景透明度 第6张

css怎么设置背景透明度 第7张

最后可以把所有代码复制到新建的html文件上,然后用浏览器打开窗口看到效果。希望能帮助到你!

当你是用 opacity 给一个元素设置透明度是,请注意,你修改的是这个元素的本质上的透明度。 那么在这个元素里所有的内容,包括它自己的属性(比如背景色),它内部的子元素,比如里面有个div.child 都会变的透明,而且无论你如何修改 div.child 的

css怎么设置背景透明度 第8张

扩展阅读,以下内容您可能还感兴趣。

css中,怎么写背景图片的透明度?

这个真没有,

你只能设置容器的透明度,粟子:

<style>

#test{width:320px;height:320px;background:url(背景地址);opacity:0.7;filter:alpha(opacity=70)

}

<div id="test">这个DIV是有背景图片的哦</div>

事实上,上面的是设置ID为TEST的透明度,,因为背景是应用在TEST上的,所以也会跟着透明度,,达到你的要求,,

背景图片的透明度如何设置(CSS)

可以设置啊,如图:

常见的失败做法

最常见的做法事设置元素的opacity,这种设置出来的效果就是内容与背景都事半透明的,严重影响视觉效果。

还有就是设置background-color:rgba(),这种方式只能设置背景颜色的透明度。

正确Action:

<!DOCTYPE html> <html lang="en"> <head>    <meta charset="UTF-8">    <title>登陆</title>    <style type="text/css">        body{            background-image:url(images/bird.jpg);            background-repeat: no-repeat;            background-size:100%;        }        .login_box::before{            content:"";            /*-webkit-filter: opacity(50%);             filter: opacity(50%); */            background-image:url(images/love.jpg);            opacity:0.5;//透明度设置            z-index:-1;            background-size:500px 300px;            width:500px;            height:300px;            position:absolute;            //一定要设置position:absolute,这样才能设置z-index,让背景处于内容的下一层            top:0px;            left:0px;            border-radius:40px;        }        .login_box{            position:fixed;            left:50%;            top:200px;            width:500px;            height:300px;            margin-left:-250px;            border-radius:40px;            box-shadow: 10px 10px 5px #888;            border:1px solid #666;             text-align:center;        }        form{            display:inline-block;            margin-top:100px;        }        input{            display:block;            width:250px;            height:30px;            background-color: #888;            border:1px solid #fee;            outline:none;            border-radius:10px;        }        input[type="submit"]{            width:100px;            height:30x;            margin-left: 70px;            background-color: #ccc;        }        span{            color:red;            font-size:15px;        }    </style> </head> <body>    <div class="login_box"> ... ...

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

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

2、然后在父级DIV中插入一个子DIV,定义它的宽高,以及背景色。

3、然后我们添加一个透明度的代码(opacity:0.6)。

4、在图层的上方,有个不透明度,我们把PS中图层不透明度设置为60%。

5、把刚才的背景色和不透明度代码删除,换个代码【background-color:rgba(255,255,255,0.6);】。

6、其中255,255,255就是PS中的拾色器里的数值。

css里怎么给背景图片变透明点 给图片的div加什么代码才能实现呢

1、新建html文档,在body标签中添加一个img标签,这时默认情况下图片是不透明的:

2、在head标签中添加style标签,在style标签中为img标签设置透明度样式,其中三个属性是为了兼容不同浏览器:

3、刷新浏览器中的页面,这时可以发现浏览器中图片的透明度改变了,透明度的范围是0-1,0表示完全透明,1表示不透明:

css怎么调背景图片透明度

不知道你说的背景图片透明度,是不是要将图片变成透明的,好让它和网页颜色契合?