问题分析:
为兰考等地区用户提供了全套网页设计制作服务,及兰考网站建设行业解决方案。主营业务为成都网站设计、成都做网站、兰考网站设计,以传统方式定制建设网站,并提供域名空间备案等一条龙服务,秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求,就会得到认可,从而选择与我们长期合作。这样,我们也可以走得更远!
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);}
图层透明可能有3种可能。
图层没有背景色或背景图片,其本身就是透明的,其中有文字、图片不透明,没有内容的区域可以直接看到下一层。
通过CSS样式表设置
filter:alpha(Opacity=50); /*IE支持,取值0-100*/
opacity: 0.5; /*HTML5浏览器,取值0-1*/
这种方法包括背景,内容的文字、图片、边框都会变为半透明。
3、做一张PNG图片,PNG图片支持透明和半透明甚至渐变透明。图层以这张图片作为背景。和第一种情况一样,背景是透明或半透明的,但内容是不透明的。
可以给 box1 设置 background-color: rgba(190, 190, 190, 0.6);,这样盒子透明而 font 也不受影响。