扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
问题分析：
为兰考等地区用户提供了全套网页设计制作服务，及兰考网站建设行业解决方案。主营业务为成都网站设计、成都做网站、兰考网站设计，以传统方式定制建设网站，并提供域名空间备案等一条龙服务，秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求，就会得到认可，从而选择与我们长期合作。这样，我们也可以走得更远！
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 也不受影响。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
微信二维码
移动版官网