覆盖一个DIV，让radio、checkbox和select只读

<style type="text/css">
/*一个透明遮盖层，父级要加position:relative;IE6下select有Bug，待解决*/
.blockUI_Parent
{
    position: relative;
}
.blockUI
{
    background-color: #FFF;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 5000;
    -moz-opacity: 0;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(opacity=0)';
    filter: alpha(opacity=0);
}

</style>
<form id="form1" name="form1" method="post" action="">
    <table width="100%" border="1" cellspacing="0" cellpadding="0" style="border-collapse:collapse;">
        <tr>
            <td>单选框</td>
            <td class="blockUI_Parent">    
                <input type="radio" name="radio" id="radio" value="radio" />
                <input type="radio" name="radio" id="radio1" value="radio1" />
                <input name="radio" type="radio" id="radio2" value="radio2" checked="checked" />
                <input type="radio" name="radio" id="radio3" value="radio3" />
                <div class="blockUI"></div>
            </td>
        </tr>
        <tr>
            <td>复选框</td>
            <td class="blockUI_Parent">
                <input type="checkbox" name="checkbox" id="checkbox" />
                <input name="checkbox" type="checkbox" id="checkbox1" checked="checked" />
                <input type="checkbox" name="checkbox" id="checkbox2" />
                <div class="blockUI"></div>
            </td>
        </tr>
        <tr>
            <td>下拉框</td>
            <td class="blockUI_Parent">
                <select name="select" id="select">
                    <option value="1">第一个</option>
                    <option value="2">第二个</option>
                    <option value="3" selected="selected">第三个</option>
                    
                </select>
                <div class="blockUI"></div>                
            </td>
        </tr>
    </table>
</form>