opacity設定元素透明度程式碼例項
本章節分享一段程式碼例項,它使用opacity設定元素透明度效果。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style> #antzone{ width:200px; height:200px; background:red; filter:alpha(opacity:50); opacity:0.5; } </style> </head> <body> <div id="antzone"></div> </body> </html>
上面的程式碼實現了設定元素透明度效果,下面簡單做一下說明:
[CSS] 純文字檢視 複製程式碼filter:alpha(opacity:50);
上面的程式碼是為了相容低版本的IE瀏覽器。
相關文章
- js動態設定元素透明度程式碼例項JS
- javascript實現的動態設定元素透明度程式碼例項JavaScript
- javascript相容所有瀏覽器設定元素透明度程式碼例項JavaScript瀏覽器
- SVG設定邊框的透明度程式碼例項SVG
- javascript元素透明度漸變效果程式碼例項JavaScript
- opacity應用程式碼例項
- 設定div元素漸隱效果程式碼例項
- jquery動態設定元素的尺寸程式碼例項jQuery
- CSS設定元素邊框樣式例項程式碼CSS
- jquery動態設定為元素樣式程式碼例項jQuery
- js動態設定元素css樣式程式碼例項JSCSS
- jquery設定表單元素為不可用程式碼例項jQuery
- jQuery動畫方式設定div元素長和寬程式碼例項jQuery動畫
- JavaScript設定元素透明度JavaScript
- 設定獲取div元素中的文字內容程式碼例項
- javascript動態設定元素的樣式簡單程式碼例項JavaScript
- js設定元素控制元件顯示和隱藏程式碼例項JS控制元件
- jQuery css()設定和獲取元素css屬性值程式碼例項jQueryCSS
- CSS opacity 透明度CSS
- 使用jquery設定元素的透明度jQuery
- css設定元素在瀏覽器中垂直水平居中程式碼例項CSS瀏覽器
- css相鄰選擇器設定li元素外邊距程式碼例項CSS
- css元素位置固定程式碼例項CSS
- jQuery設定select選中項程式碼例項jQuery
- 設定placeholder顏色程式碼例項
- css設定文字斜體程式碼例項CSS
- css匹配指定元素的子元素程式碼例項CSS
- javascript獲取指定元素父元素程式碼例項JavaScript
- 利用jquery設定div元素的透明度jQuery
- jQuery動畫方式設定元素的透明度jQuery動畫
- 以動畫方式設定元素的透明度動畫
- javascript元素水平運動程式碼例項JavaScript
- 過濾陣列元素程式碼例項陣列
- javascript動態建立元素程式碼例項JavaScript
- jquery刪除指定元素程式碼例項jQuery
- jquery獲取元素高度程式碼例項jQuery
- jQuerydiv元素拖動效果程式碼例項jQuery
- js元素挨個掉落程式碼例項JS