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 也不受影响。


当前文章:html5透明,html5透明背景怎么做
链接URL:http://myzitong.com/article/phpcei.html