◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。
体验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)
#
#
#
#
#
#
#
#
#
#
# 体验css+div 之 CSS hack:区分IE6,IE7,firefox
# 体验css+div 之 兼容标准XHTML的浮动层特效实现
# frameset 的属性
# frameset元素属性详解、浮动框架的制作、超链接与框架的制作
# 体验css+div 之 网页切图过程中div+css命名规则
# 网站用户体验--根据项目需求定义 常用CSS2基本定义例子
# 体验css+div 之 三种使网站背景图片自动适应浏览器大小的方法
# 搜索
# 创建锚链接
# 如何让单行文本框input与多行文本框textarea背景透明
# 用EditPlus转化文件格式到UTF-8
# 让长字符URL/Email自动换行
# 体验css+div定位与table定位代码的差异
# 体验css+div 之 TBody是什么意思?有什么作用?<TBODY>和<BODY>有和区别?
# 体验css+div 超实用的滑动门效果代码(css和代码都包含在内)
# 体验css+div 之 解决流体布局的问题
# 体验css+div 之 固定宽度布局、流体布局、弹性布局的优势对比<弹性布局>
# 体验css+div 之 固定宽度布局、流体布局、弹性布局的优势对比<流体布局>
# 体验css+div 之 固定宽度布局、流体布局、弹性布局的优势对比<固定宽度布局>
# 体验css+div 之 为什么css+div 会盛行
# 体验css+div中id和class各自的用法及区别
# 体验css+div 之 层叠和特殊性
# css之自动换行
# 体验css+div 之 背景透明内容不透明的写法
# 体验css+div 之 给整个页面添加渐变背景
# 用css样式控制做成的按钮,取代图片按钮
# 体验css+div 之 鼠标经过按钮发生变化效果
# 体验css+div 之 文本框自适应窗口宽度
# 体验css+div 老问题重新讲“怎样使页面整体居中”
# 体验css+div之图像替换 1.徽标图像替换
# 体验css+div 之 使用自动空白边让设计居中
+
或许你还对下面的文章感兴趣
Comments
