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

html5怎么做透明窗体

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

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

通过CSS样式表设置

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

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

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

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

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

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