HTML 为元素添加一些透明度的简单方法

<!------>
 
<!-- a little bit css here: -->
<style type="text/css" media="all">
 
    td { vertical-align: top; }
 
    #table {
        margin: 0 auto;
        width: 300px;
    }
 
    .red_box {
        width: 100px; 
        height: 100px; 
        background-color: #7A1417;
    }
 
</style>
 
 <!-- 512-笔记网 52php.cn -->
<!-- a table with some images and divs -->
<table border="0" cellpadding="5" cellspacing="2" id="table">
    <tr>
        <td valign="top">    
            90 % opacity<br/>
            <img src="/lab/context_free/t008.png" 
            style="filter: Alpha(opacity=90); opacity: .9;" />
        </td>
 
        <td>        
            50 % opacity<br/>
            <img src="/lab/context_free/t008.png" 
            style="filter: Alpha(opacity=50); opacity: .5;" />
        </td>
 
        <td>
            20 % opacity<br/>
            <img src="he/lab/context_free/t008.png" 
            style="filter: Alpha(opacity=20); opacity: .2;" />
        </td> 
 
    </tr>
 
    <tr>       
        <td>
            90 % opacity<br/>
            <div class="red_box" 
            style="filter: Alpha(opacity=90); opacity: .9;" /></div>
        </td>
 
        <td>    
            50 % opacity<br/>
            <div class="red_box" 
            style="filter: Alpha(opacity=50); opacity: .5;" /></div>
        </td>
 
        <td>       
            20 % opacity<br/>
            <div class="red_box" 
            style="filter: Alpha(opacity=20); opacity: .2;" /></div>
        </td>        
    </tr>
 
</table>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!