体验css+div 之 背景透明内容不透明的写法

Post by 张美工, 2008-11-21, Views:

<style type="text/css">
/*---DW8 www.DW8.ORG---*/
<!--
body {
     background-color: #000;
}
#div1
{
 position:absolute;
 left: 31px;
 top: 30px;/*---这里定义层不随表格透明而透明
这样就可以使表格透明的时候表格里的
内容和图片不跟着透明了---*/
 height: 223px;
 width: 254px;
}
table
{
background-color:#cc5c4c;
filter:alpha(opacity=90,Style=3);
   /*---定义透明度,和淡化的风格
   opacity为透明度,值越大透明度越小
   style是透明淡化的风格
   0 普通透明
   1 从左到右渐变淡化
   2 圆形像两边淡化
   3 星状渐变淡化
   默认不设置style参数为0
   这个效果同样可以用再图片上 
   ---*/
width:950;
height:1300;
   /*---这里一定要定义宽度和高度---*/
}
-->
</style>


<body>
<table width="1002" border="0" cellspacing="50" cellpadding="0">
  <tr>
    <td><div id="div1">
       <p>DIV层里的内容</p>
       <p><img src="http://www.zhangmeigong.cn/upload/2008/9/zm_ico.gif" width="174" height="59" /></p>
     </div></td>
  </tr>
</table>
</body>

 

相关文章:                                                 
 # Dreamweaver的超级技巧汇总(6)
# Dreamweaver的超级技巧汇总(5)
# Dreamweaver的超级技巧汇总(4)
# Dreamweaver的超级技巧汇总()
# Dreamweaver的超级技巧汇总(2)
# Dreamweaver的超级技巧汇总(1)
# 在线QQ MSN TEL交谈工具代码
# 方便使用的一些小简短input\form代码
# VSS使用手册
# JS表单判断函数代码大全 ()
# JS表单判断函数代码大全 ()
# JS表单判断函数代码大全 

 

#  I E和火狐的css兼容性问题归总

体验css+div 之 CSS hack:区分IE6,IE7,firefox

体验css+div 兼容标准XHTML的浮动层特效实现

因为编码差异 导致IE6不能正常解析CSS文件

#  商业网站响应用户需求重视与Firefox兼容


#  
frameset 的属性
frameset元素属性详解、浮动框架的制作、超链接与框架的制作

 

体验css+div 之 SEO

#  40个网页常用小代码

div+css样式几个小精华

网站用户体验--CSS常用小技巧

#  体验css+div css技巧-经典中的经典

#  体验css+div CSS样式表设计的十条技巧

体验css+div 网页切图过程中div+css命名规则

网站用户体验--根据项目需求定义 常用CSS2基本定义例子
#  体验css+div 三种使网站背景图片自动适应浏览器大小的方法

 

#  搜索

#  创建锚链接

#  如何让单行文本框input与多行文本框textarea背景透明

EditPlus转化文件格式到UTF-8
#  让长字符URL/Email自动换行

HTML特殊字符显示

 

#  体验css+div定位与table定位代码的差异
体验css+div 之 TBody是什么意思?有什么作用?<TBODY>和<BODY>有和区别?

 

体验css+div 简单的滑动门效果代码

#  体验css+div 超实用的滑动门效果代码(css和代码都包含在内)

 

彻底弄懂CSS盒子模式(DIV布局快速入门)

如何把握网页布局
实例详解CSS网页布局原理

体验CSS+DIV 基本布局

#  体验css+div 解决流体布局的问题
#  体验css+div 固定宽度布局、流体布局、弹性布局的优势对比<弹性布局>
#  
体验css+div 固定宽度布局、流体布局、弹性布局的优势对比<流体布局>
体验css+div 固定宽度布局、流体布局、弹性布局的优势对比<固定宽度布局>

 

 

 

#  体验css+div 为什么css+div 会盛行
#  体验css+div中id和class各自的用法及区别

体验css+div 规划、组织和维护样式表

体验css+div 基本列表样式

体验css+div 为样式找到目标

 

体验css+div 圆角框

体验css+div 层叠和特殊性
#  css之自动换行

#  CSS控制连续英文字母或数字强制换行

#  css使网页图片半透明

体验css+div 背景透明内容不透明的写法
体验css+div 给整个页面添加渐变背景
用css样式控制做成的按钮,取代图片按钮

体验css+div 鼠标经过按钮发生变化效果
体验css+div 文本框自适应窗口宽度
体验css+div 老问题重新讲“怎样使页面整体居中”
体验css+div之图像替换 1.徽标图像替换
体验css+div 使用自动空白边让设计居中
 

 

                                                                                                                   +     

Tags: 体验cssdiv 背景透明 
分类:css+div | 评论:0 | 引用:0
上一篇:体验css+div 之 css技巧-经典中的经典
下一篇:体验css+div 之 CSS样式表设计的十条技巧

或许你还对下面的文章感兴趣

Comments

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

<#template:pagebar#>

最新文章

最新评论

Guest