设置表格背景通显著示
摘要:设置表格背景通显著示
设置表格背景通显著示
有时咱们想让表格的背景是透明的,这样不会挡住网页的背景.那么怎么完成呢?咱们可能用下面的代码完成:
<table border="0" width="100%" cellspacing="0" cellpadding="0" style="filter:alpha(opacity=30);background-color:#FFFFFF">
<tr>
<td文字,文字</td>
</tr>
</table>
当咱们用filter:alpha(opacity=30);background-color:#FFFFFF完成透明的表格背景时会发现表格中的有些内容也透明了,很影响阅读,下面用span可能消弭这种状况,当然也可能用div设置。
<table border="0" width="100%" cellspacing="0" cellpadding="0" style="filter:alpha(opacity=30);background-color:#FFFFFF">
<tr>
<td><span style="position: relative; left:0px; top: 0px">文字,文字</span></td>
</tr>
</table>
<table border="0" width="100%" cellspacing="0" cellpadding="0" style="filter:alpha(opacity=30);background-color:#FFFFFF">
<tr>
<td文字,文字</td>
</tr>
</table>
当咱们用filter:alpha(opacity=30);background-color:#FFFFFF完成透明的表格背景时会发现表格中的有些内容也透明了,很影响阅读,下面用span可能消弭这种状况,当然也可能用div设置。
<table border="0" width="100%" cellspacing="0" cellpadding="0" style="filter:alpha(opacity=30);background-color:#FFFFFF">
<tr>
<td><span style="position: relative; left:0px; top: 0px">文字,文字</span></td>
</tr>
</table>