半透明設置雖然簡單，但是它的應用確實屢見不鮮，而且一旦用在了恰當的地方，會給網頁增色不少，所以我單獨將它拿出來做了一篇單獨的介紹：
    1、實現(xiàn)效果/應用舉例
    京東商城中
    
    蘑菇街中
    
    等等很多頁面中都存在半透明效果的模塊，現(xiàn)在我們來看一下它的基本原理
    2、代碼實現(xiàn)
    這個代碼實現(xiàn)如果之前你沒有看過，到了這里看完你一定會大喊oh,shit!!相信我，你無法想象它的簡單
    html代碼中
    代碼如下:
    <span><div id="bottom">
    <div id="top"></div>
    <p>這個能不能實現(xiàn)透明</p>
    </div></span>
    接下來就是實現(xiàn)的關鍵了，準備高呼吧，吶喊吧，
    css中增加樣式實現(xiàn)半透明
    代碼如下:
    <span>#top{
    opacity:0.1;
    filter:alpha(opacity:10);
    }</span>
    試試看效果啊，是不是成功了，這里來簡單解釋下上面兩句樣式，兩句其實意思是一樣的，但是由于瀏覽器不同，考慮兼容性就將其全部寫上了，后一個主要是針對ie瀏覽器應用的濾鏡。
    3、其他約束
    文字的不透明，只要重新設置p即可
    是不是有點瞬間崩潰的感覺，原來這么簡單，差點就錯過了，不過亡羊補牢，善莫大焉