手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >CSS+DIV表格背景透明内容不透明
CSS+DIV表格背景透明内容不透明
摘要:/*---DW8www.DW8.ORG---*/DIV层里的内容

  <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://www.baidu.com/img/logo.gif" width="174" height="59" /></p> 
     </div></td>
   </tr>
</table>
</body>

【CSS+DIV表格背景透明内容不透明】相关文章:

表格颜色渐变效果

CSS控制图片、表格、背景颜色渐变示例

CSS实现兼容性的渐变背景(gradient)效果兼容众多浏览器

CSS给文本输入框添加背景图像

DIV CSS隐藏内容样式方法大全

CSS掌握定位的盒子模式

CSS代码中进行注释的三种方法

CSS背景色镂空技术实际应用及进阶分享

CSS绿色导航菜单制作实例

CSS常见属性缩写与全写对比

精品推荐
分类导航