這篇文章主要介紹“CSS怎么實現(xiàn)網(wǎng)頁背景半透明”的相關(guān)知識，小編通過實際案例向大家展示操作過程，操作方法簡單快捷，實用性強(qiáng)，希望這篇“CSS怎么實現(xiàn)網(wǎng)頁背景半透明”文章能幫助大家解決問題。

我們提供的服務(wù)有：成都做網(wǎng)站、網(wǎng)站設(shè)計、外貿(mào)營銷網(wǎng)站建設(shè)、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、裕安ssl等。為上千多家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的裕安網(wǎng)站制作公司

一、DIV CSS半通明底子介紹

設(shè)置裝備擺設(shè)DIV半通明CSS代碼：

div{filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;}

闡明： 1、filter：對win IE設(shè)置半通明濾鏡成就，filter:alpha(Opacity=80)代表該對象80%半透明，火狐瀏覽器不認(rèn) 2、-moz-opacity：對mozilla firefox火狐閱讀器實現(xiàn)半透明，win IE不認(rèn)此屬性，-moz-opacity:0.5相等于設(shè)置半通明為50% 3、opacity：對除IE外悉數(shù)涉獵器贊成包括google，放結(jié)尾主要針對google閱讀器，opacity: 0.5;表現(xiàn)設(shè)置50%半透明

為了觀測到對DIV半通明實現(xiàn)，咱們配置兩個DIV層，別離一個放于其它一個DIV層內(nèi)，外層DIV定名為“.div-a”;下面被涵概的層CSS類命名為“.div-b”，造成“.div-b”盒子放于“.div-a”內(nèi)

我們對底層DIV設(shè)置一個背景是一張圖片，下面的DIV盒子設(shè)置村玄色。

二、未配置半透明款式實例

1、依據(jù)描寫實例，未配置半無色HTML源代碼：

          DIV半無色實例演示