新聞中心
這篇文章主要介紹“CSS怎么實(shí)現(xiàn)網(wǎng)頁(yè)背景半透明”的相關(guān)知識(shí),小編通過(guò)實(shí)際案例向大家展示操作過(guò)程,操作方法簡(jiǎn)單快捷,實(shí)用性強(qiáng),希望這篇“CSS怎么實(shí)現(xiàn)網(wǎng)頁(yè)背景半透明”文章能幫助大家解決問(wèn)題。
我們提供的服務(wù)有:成都做網(wǎng)站、網(wǎng)站設(shè)計(jì)、外貿(mào)營(yíng)銷網(wǎng)站建設(shè)、微信公眾號(hào)開(kāi)發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、裕安ssl等。為上千多家企事業(yè)單位解決了網(wǎng)站和推廣的問(wèn)題。提供周到的售前咨詢和貼心的售后服務(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:對(duì)win IE設(shè)置半通明濾鏡成就,filter:alpha(Opacity=80)代表該對(duì)象80%半透明,火狐瀏覽器不認(rèn) 2、-moz-opacity:對(duì)mozilla firefox火狐閱讀器實(shí)現(xiàn)半透明,win IE不認(rèn)此屬性,-moz-opacity:0.5相等于設(shè)置半通明為50% 3、opacity:對(duì)除IE外悉數(shù)涉獵器贊成包括google,放結(jié)尾主要針對(duì)google閱讀器,opacity: 0.5;表現(xiàn)設(shè)置50%半透明
為了觀測(cè)到對(duì)DIV半通明實(shí)現(xiàn),咱們配置兩個(gè)DIV層,別離一個(gè)放于其它一個(gè)DIV層內(nèi),外層DIV定名為“.div-a”;下面被涵概的層CSS類命名為“.div-b”,造成“.div-b”盒子放于“.div-a”內(nèi)
我們對(duì)底層DIV設(shè)置一個(gè)背景是一張圖片,下面的DIV盒子設(shè)置村玄色。
二、未配置半透明款式實(shí)例
1、依據(jù)描寫實(shí)例,未配置半無(wú)色HTML源代碼:
半無(wú)色實(shí)例在線演示 css5.com.cn DIV半無(wú)色實(shí)例演示
2、未設(shè)置半透明CSS樣式截圖:
三、對(duì)DIV設(shè)置裝備擺設(shè)CSS半通明名目實(shí)例
1、我們對(duì)“.div-b”選擇器退出半無(wú)色花樣代碼:
filter:alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.6;
配置60%半透明成績(jī)
殘破實(shí)例網(wǎng)頁(yè)HTML代碼如下:
半透明實(shí)例在線演示 css5.com.cn 實(shí)現(xiàn)DIV半無(wú)色實(shí)例演示
2、在涉獵器成就截圖:
關(guān)于“CSS怎么實(shí)現(xiàn)網(wǎng)頁(yè)背景半透明”的內(nèi)容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí),可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,小編每天都會(huì)為大家更新不同的知識(shí)點(diǎn)。
分享文章:CSS怎么實(shí)現(xiàn)網(wǎng)頁(yè)背景半透明
URL分享:http://www.dlmjj.cn/article/gecshh.html