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

这篇文章主要为大家详细介绍了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-笔记网 www.idcnote.com -->
<!-- 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>

注：关于HTML 为元素添加一些透明度的简单方法的内容就先介绍到这里，更多相关文章的可以留意