設(shè)置div透明度的方法步驟
設(shè)置div透明度的方法步驟
目前，DIV+CSS來制作網(wǎng)頁是非常流行的。那你知道如何設(shè)置div透明度嗎?下面是學(xué)習(xí)啦小編給大家整理的一些有關(guān)設(shè)置div透明度的方法，希望對(duì)大家有幫助!
設(shè)置div透明度的方法
1.樣式代碼
#layout { position:absolute; top:50px; width:500px; background:#fff; filter: alpha(opacity=70); opacity: 0.7;}
1.彈出窗口出現(xiàn)灰色透明背景,內(nèi)容層不能操作.
定義兩個(gè)層:<div style="background:red; filter: alpha(opacity=45); opacity:0.45; position:absolute;top:0px;left:0px; width:100%; height:100%;"></div><div style="position:absolute;">內(nèi)容</div>
2.用下面的樣式表定義你的層 .alpha { filter: alpha(Opacity=50, FinishOpacity=50, Style=0, StartX=0, StartY=0, FinishX=100, FinishY=100｝
解釋：Opacity=開始的不透明度(100的話就不透明了) FinishOpacity=結(jié)束的不透明度(100的話就不透明了) Style=樣式，從0開始，1.2.3....有均勻透明啊，放射形狀透明啊...
StartX=開始透明的X坐標(biāo)，基本上為圖片、層的左上角(0) StartY= 開始透明的Y坐標(biāo)，基本上也為圖片、層的左上角(0) FinishX=結(jié)束透明的X坐標(biāo)，基本上也圖片、層的右下(圖片、層的寬度) FinishY=結(jié)束透明的Y坐標(biāo)，基本上也為圖片、層的右下角(圖片、層的高度)
<hml> <head> <title>alpha</title> <style>//*定義CSS樣式*// <!-- DIV{position：absolute;left：50;top：70;width：150;} //*定義DIV區(qū)域內(nèi)的樣式(位置為絕對(duì)定位，left、top、width的坐標(biāo))*// img{position：absolute;top：20;left：40; filter：alpha(opacity=80)} //*定義圖片的樣式，絕對(duì)定位，濾鏡屬性是透明度為80*// --> </style> </head> <body> <DIV> <pstylepstyle=“font-size：48;font-weight：bold;color：red;”> Beautiful</p>//*定義字體屬性，前景色為紅色*// </DIV> <p><imgsrcimgsrc=“ss01076.jpg”></p> //*導(dǎo)入一張圖片*// </body> </hml>
END
看了“怎么設(shè)置div透明度”的人還看了