日韩高清国产一区在线,欧美日韩一二三四区,欧美日本在线一区

網(wǎng)頁(yè)的本質(zhì)就是超級(jí)文本標(biāo)記語(yǔ)言，通過(guò)結(jié)合使用其他的Web技術(shù)（如：腳本語(yǔ)言、公共網(wǎng)關(guān)接口、組件等），可以創(chuàng)造出功能強(qiáng)大的網(wǎng)頁(yè)。因而，超級(jí)文本標(biāo)記語(yǔ)言是萬(wàn)維網(wǎng)（Web）編程的基礎(chǔ)，也就是說(shuō)萬(wàn)維網(wǎng)是建立在超文本基礎(chǔ)之上的。超級(jí)文本標(biāo)記語(yǔ)言之所以稱為超文本標(biāo)記語(yǔ)言，是因?yàn)槲谋局邪怂^“超級(jí)鏈接”點(diǎn)。

【實(shí)例介紹】

不透明度css alpha屬性

alpha濾鏡用于設(shè)置圖片或文字的不透明度。它是把一個(gè)目標(biāo)元素與背景混合，通俗地說(shuō)就是一個(gè)元素的透明度。通過(guò)指定坐標(biāo)，可以指定點(diǎn)、線、面的透明度。

【基本語(yǔ)法】

filter：alpha (參數(shù)1=參數(shù)值，參數(shù)2=參數(shù)值，···)

【語(yǔ)法介紹】

alpha濾鏡包括很多參數(shù)，如表所示。

alpha濾鏡的參數(shù)
參數(shù)                  描述
opacity                設(shè)置對(duì)象的不透明度，取值范圍為0～100，默認(rèn)值為0，即完全透明，100為完全不透明
finishopacity      可選項(xiàng)，設(shè)置對(duì)象透明漸變的結(jié)束透明度。取值范圍為0～100
style                    參數(shù)指定了透明區(qū)域形狀特征。其中0代表統(tǒng)一形狀、1代表線形、2代表放射狀、3代表長(zhǎng)方形
startx                   設(shè)置透明漸變開(kāi)始點(diǎn)的水平坐標(biāo)。其數(shù)值作為對(duì)象寬度的百分比值處理，默認(rèn)值為0
starty                   設(shè)置透明漸變開(kāi)始點(diǎn)的垂直坐標(biāo)
finishx                 設(shè)置透明漸變結(jié)束點(diǎn)的水平坐標(biāo)
sinishy                設(shè)置透明漸變結(jié)束點(diǎn)的垂直坐標(biāo)
opacity                設(shè)置對(duì)象的不透明度，取值范圍為O～100，默認(rèn)值為0，即完全透明，100為完全不透明

【實(shí)例代碼】


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無(wú)標(biāo)題文檔</title>
</head>
<style type="text/css">
.g {filter: Alpha(Opacity=100);}
.g1 {filter: Alpha(Opacity=70);}
.g2 {filter: Alpha(Opacity=60);}
.g3 {filter: Alpha(Opacity=35);}
</style>
<body>
<table width="800" border="0" cellspacing="2" cellpadding="2">
  <tr>
    <td class="g"><img src="1.jpg" width="363" height="319" /></td>
    <td class="g1"><img src="1.jpg" width="363" height="319" /></td>
  </tr>
  <tr>
    <td class="g2"><img src="1.jpg" width="363" height="319" /></td>
    <td class="g3"><img src="1.jpg" width="363" height="319" /></td>
  </tr>
</table>
</body>
</html>

【代碼分析】

在代碼中，加粗部分的標(biāo)記用來(lái)設(shè)置不透明度，圖片1將不透明度設(shè)置為100，圖片2將不透明設(shè)置為70，圖片3將不透明度設(shè)置為60，圖片4將不透明度設(shè)置為35，在瀏覽器中預(yù)覽效果，如圖所示。

不透明度alpha運(yùn)行效果

【素材及源碼下載】

請(qǐng)點(diǎn)擊：不透明度alpha 下載本實(shí)例相關(guān)素材及源碼

網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語(yǔ)，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。

溫馨提示：喜歡本站的話，請(qǐng)收藏一下本站！

當(dāng)前位置:蘿卜系統(tǒng)下載站 > 網(wǎng)頁(yè)設(shè)計(jì)教程 > 詳細(xì)頁(yè)面

不透明度css alpha屬性

本類教程下載

系統(tǒng)下載排行