html5透明度,Html透明度

小程序：扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序

HTML5怎么设置透明色

问题分析：

HTML的标签可以使用CSS的background-color来设置背景颜色以及透明度。

举例如下：

以下示例将分别演示不透明、50%透明度以及20%透明度的三种不同效果。

HTML代码：

123456789

div id="test-1" 我是黑色背景，不透明的。/divdiv id="test-2" 我是黑色背景，50%透明度。/divdiv id="test-3" 我是黑色背景，20%透明度。/div

CSS代码：

123456789101112131415161718

#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);}

html5如何去除透明度的继承

用opacity的话，是让父元素里所有东西的透明度都改变，就算再给子元素设置opacity也没用了。如果你只是设置颜色的透明度的话用rgba(0,0,255,0.5)做吧

html5怎么做透明窗体

图层透明可能有3种可能。

图层没有背景色或背景图片，其本身就是透明的，其中有文字、图片不透明，没有内容的区域可以直接看到下一层。

通过CSS样式表设置

filter:alpha(Opacity=50); /*IE支持，取值0-100*/

opacity: 0.5; /*HTML5浏览器，取值0-1*/

这种方法包括背景，内容的文字、图片、边框都会变为半透明。

3、做一张PNG图片，PNG图片支持透明和半透明甚至渐变透明。图层以这张图片作为背景。和第一种情况一样，背景是透明或半透明的，但内容是不透明的。

html 透明度

1、首先创建一个html文件。

2、在html文件找到一个body标签，在这个标签里创建一个div标签并添加一个类，在这把这个类设置为：rgba。如图代码：div class="rgba"/div。

3、为div添加样式。在title标签后面创建一个style，在style标签里设置rgba类的高和背景透明度的样式（rgba(R,G,B,A)）。透明度参数，取值在0~1之间，不可为负值，参数越小透明度越高。代码：style type="text/css".rgba{background-color: rgba(0,0,0,0.5);height:200px;}/style。

4、保存后使用浏览器查看。可以看到当透明度为由0.1修改为1时div背景由灰色变为了黑色。

5、最后运行这就完成了。