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