如何用CSS來實(shí)現(xiàn)網(wǎng)頁中DIV層的透明效果
DIV+CSS是目前普遍采用的網(wǎng)頁編輯模式,這種模式的網(wǎng)頁有很多DIV標(biāo)簽,一個(gè)div就代表網(wǎng)頁當(dāng)中的一個(gè)層。在網(wǎng)頁設(shè)計(jì)過程中有時(shí)候會用到透明或半透明的效果,那么怎樣把一個(gè)div層變得透明呢?這里士人網(wǎng)絡(luò)天水網(wǎng)站建設(shè)通過CSS來實(shí)現(xiàn)DIV層的透明效果。
div層透明效果的CSS樣式代碼為:
div{filter:alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5;}
說明:
1、filter:是針對IE瀏覽器設(shè)置半透明濾鏡效果,filter:alpha(Opacity=50)代表該對象50%半透明,火狐瀏覽器不認(rèn);
2、-moz-opacity:是針對mozilla firefox火狐瀏覽器實(shí)現(xiàn)半透明,IE瀏覽器不認(rèn)此屬性,-moz-opacity:0.5相當(dāng)于設(shè)置半透明為50%
3、opacity:對除IE外所有瀏覽器支持包括谷歌,放最后主要針對谷歌瀏覽器,opacity: 0.5;表示設(shè)置50%半透明。
小小常識,可要記住哦!也不要忘了本代碼為士人網(wǎng)絡(luò)天水網(wǎng)站建設(shè)提供哦!給我們點(diǎn)個(gè)贊吧!如果您覺得很重要不妨收藏了,也可以分享給你的朋友哦!分享點(diǎn)擊下面的分享按鈕吧!
相關(guān)熱詞搜索: 用CSS實(shí)現(xiàn)層透明,DIV透明效