日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間:8:30-17:00
你可能遇到了下面的問(wèn)題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷解決方案
CSS怎么實(shí)現(xiàn)網(wǎng)頁(yè)背景半透明

這篇文章主要介紹“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樣式截圖:

CSS怎么實(shí)現(xiàn)網(wǎng)頁(yè)背景半透明 

三、對(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、在涉獵器成就截圖:

CSS怎么實(shí)現(xiàn)網(wǎng)頁(yè)背景半透明 

關(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