html5透明,HTML5透明度

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

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

相关问答

Q1: html5在一个图片上在加一层透明背景

不需要CSS3+HTML5，用AJAX+DIV+CSS就可以了。利用AJAX取得未读数据的数量，把DIV的innerHTML设为该数量就行了，另外这是一个DIV(或则其他块元素)中嵌入的一个相对定位层。所以没必要去使用CSS3和HTML5,毕竟国内主要浏览器都不支持。现在支持CSS3和HTML5的浏览器就只有最新的浏览器(如IE9、opera、safari、FF等等)

Q2: html5 怎么实现标题的透明

字体：

font style="color:transparent"这段文字的字体没有颜色/font

背景：

font style="background:transparent"这段文字的背景没有颜色/font

Q3: html5 怎么让盒子半透明，盒子里的字不透明？

可以给 box1 设置 background-color: rgba(190, 190, 190, 0.6);，这样盒子透明而 font 也不受影响。

Q4: html5怎么做透明窗体

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

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

通过CSS样式表设置

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