最新的Web開發教程

×

JavaScript 參考

JavaScript

JS 字符串 JS 數 JS 運算符 JS 聲明 JS 數學 JS 日期 JS 排列 JS 布爾 JS 正則表達式 JS 全局 JS 轉變

瀏覽器 BOM

Window Navigator Screen History Location

HTML DOM

DOM 文件 DOM 分子 DOM 屬性 DOM 事件 DOM 樣式

HTML 對象

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

其他對象

CSSStyleDeclaration

Style opacity Property

例

做一個DIV元素透明：

document.getElementById("myDIV").style.opacity = "0.5";

定義和用法

不透明度屬性設置或返回一個元素的不透明度水平。

一個元素的不透明度級別描述的透明度級，其中1是不是transperant可言，0.5為50％的透視，和0是完全透明的。

瀏覽器支持

不透明度屬性在所有主流瀏覽器的支持。

注意：IE8和更早版本支持的替代，過濾性能。

句法

返回opacity屬性：

object .style.opacity

設置不透明度屬性：

object .style.opacity=" 屬性值

值	描述
number	指定不透明度。從0.0 (fully transparent)到1.0 (fully opaque)
initial	將此屬性設置為默認值。閱讀關於初始
inherit	繼承其父元素此屬性。閱讀關於繼承

技術細節

默認值：	1
返回值：	一個字符串，表示元素的透明度級
CSS版本	CSS3

相關頁面

CSS參考： opacity property