WEB开发网
开发学院网页设计DivCss CSS+DIV表格背景透明,内容不透明 阅读

CSS+DIV表格背景透明,内容不透明

 2008-09-23 19:29:21 来源:WEB开发网   
核心提示:<style type="text/CSS">/*---DW8 www.DW8.ORG---*/<!--body { background-color: #0066FF;}#div1{ position:absolute;/*---这里定义层不随表格透明而透明这样就可以使表格透明的
<style type="text/CSS">
/*---DW8 www.DW8.ORG---*/
<!--
body {
   background-color: #0066FF;
}
#div1
{
   position:absolute;
/*---这里定义层不随表格透明而透明
这样就可以使表格透明的时候表格里的
内容和图片不跟着透明了---*/
}
table
{
background-color:#FFFFFF;
filter:alpha(opacity=50,Style=0);
  /*---定义透明度,和淡化的风格
  opacity为透明度,值越大透明度越小
  style是透明淡化的风格
  0 普通透明
  1 从左到右渐变淡化
  2 圆形像两边淡化
  3 星状渐变淡化
  默认不设置style参数为0
  这个效果同样可以用再图片上 
  ---*/
width:300;
height:300;
  /*---这里一定要定义宽度和高度---*/
}
-->
</style>
<body>
<table bgcolor="#0000FF" style="display:" id="tab1">
  <tr>
   <td><div id="div1">
    <p>DIV层里的内容</p>
    <p><img src="http://tech.cncms.com/tech/UploadPic/2010910/2010910192921900.gif" width="174" height="59" /></p>
   </div></td>
  </tr>
</table>
</body>

Tags:CSS DIV 表格

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接