歡迎來到DIVCSS5查找CSS資料與學習DIV CSS布局技術!
您的位置:阿森纳热刺 > DIV+CSS基礎 >

阿森纳热刺 www.tzxsac.com.cn DIV背景半透明,DIV中的字不半透明 

復制代碼
代碼如下:

<body bgcolor="#336699"> 
<div style="filter:alpha(opacity=50);background:#ffffff;width:600;"><span style="color:yellow"> 


圖層背景半透明,字體顏色也半透明 

復制代碼
代碼如下:

</span></div> 
<div style="filter:alpha(opacity=50);background:#ffffff;width:600"><span style="position:relative;color:yellow">圖層背景半透明,字體顏色不半透明</span></div> 


*******帶filter的層一定要有width屬性,否則filter無效。******** 

我們可以用CSS樣式的filter(濾鏡效果)對HTML的一些標記設置濾鏡效果。 

例: 

黑白照片 filter: gray; 
X光照片 filter: Xray; 
風動模糊 filter: blur(add=true,direction=45,strength=30); 
正弦波紋 filter: Wave(Add=0, Freq=60, LightStrength=1, Phase=0, Strength=3); 
半透明效果 filter: Alpha(Opacity=50); 
線型透明 filter: Alpha(Opacity=0, FinishOpacity=100, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=140); 
放射透明 filter: Alpha(Opacity=10, FinishOpacity=100, Style=2, StartX=30, StartY=30, FinishX=200, FinishY=200); 
白色透明 filter: Chroma(Color=#FFFFFF); 
降低色彩 filter: grays; 
底片效果 filter: invert; 
左右翻轉 filter: fliph; 
垂直翻轉 filter: flipv; 
投影效果 filter:progid:dXImageTransform.Microsoft.DropShadow(color=#cccccc,offX=5,offY=5,positives=true); 
馬賽克 filter:progid:dXImageTransform.Microsoft.Pixelate(maxsquare=3); 
發光效果 filter:progid:dXImageTransform.Microsoft.Glow(color=#cccccc,Strength=5); 
柔邊效果 filter:alpha(opacity=100, finishOpacity=0,style=2

如需轉載,請注明文章出處和來源網址://www.tzxsac.com.cn/rumen/r50322.shtml

如對文章有任何疑問請提交到DIV CSS論壇,或有任何網頁制作CSS問題立即到CSS論壇發貼求解 或 直接DIVCSS5網頁頂部搜索遇到DIVCSS疑問。
阿森纳热刺文章修訂日期:2018-08-14 17:37 原創:阿森纳热刺
本文阿森纳热刺 www.tzxsac.com.cn DIVCSS5版權所有。