標籤：ota task g++ halo rhev sch oct jxl avro
DIV半透明實現，使用CSS實現DIV成半透明效果，CSS實現層與背景半透明效果。
設定DIV半透明CSS代碼：
div{filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;}
說明：
1、filter：對win IE設定半透明濾鏡效果，filter:alpha(Opacity=80)代表該對象80%半透明，Firefox瀏覽器不認
2、-moz-opacity：對mozilla firefoxFirefox瀏覽器實現半透明，win IE不認此屬性，-moz-opacity:0.5相當於設定半透明為50%
3、opacity：對除IE外所有瀏覽器支援包括Google，放最後主要針對Google瀏覽器，opacity: 0.5;表示設定50%半透明
一、 未設定半透明樣式執行個體
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>沒有半透明效果</title> </head> <body style="background-image: url(../1視差滾動/images/bg1.png);"> <div id="" style="width: 700px;height:600px;background-color: black;"> 沒有半透明效果 </div> </body></html>
效果:
二、 設定半透明效果:
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>有半透明效果</title> </head> <body style="background-image: url(../1視差滾動/images/bg1.png);"> <div id="" style="width: 700px;height:600px;background-color: black;filter:alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.6;color:red "> 有半透明效果 </div> </body></html>
效果:
DIV半透明層 CSS來實現網頁背景半透明
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
