DIV的透明层实现 - leadtheway - ITeye博客

`

leadtheway

浏览: 178667 次
性别:
来自: 沈阳

最近访客更多访客>>

flying1999

luojc20080808163.com

天南帝君

zhaofeng555

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

DIV的透明层实现

博客分类：

CSS

阅读更多

DIV的透明层实现(filter:Alpha(opacity=30); 为IE浏览器实现方式 opacity:0.3;为火狐浏览器实现方式)

以下为引用的内容：

<body bgcolor="#ff0ddd">
<div id="Layer1" style="position:absolute; width:260px; height:115px; z-index:1; left: 50px; top: 77px; filter:Alpha(opacity=30); opacity:0.3;">
<table width="96%" border="1" cellpadding="1" cellspacing="1" bordercolor="#FFFFFF" bgcolor="#999999">
<tr>
<td height="25" bgcolor="#f5f5f5" >你也可以在这里插入图片</td>
</tr>
<tr>

<td height="20" bgcolor="#f5f5f5" >你想注册地图名片吗</td>
</tr> 
<tr>

<td height="20" bgcolor="#f5f5f5">http://mc.mapabc.com</td>
</tr>
<tr>
<td height="20" bgcolor="#f5f5f5" >EMAIL:lipeng@mapabc.com</td>
</tr>
<tr>
<td height="20" bgcolor="#f5f5f5">地址</td>
</tr>
<tr>
<td height="20" bgcolor="#f5f5f5">邮编</td>
</tr>
</table>
</div>
</body>

分享到：

CSS滤镜使用方法汇总 | 不可或缺的脚本代码

2010-04-17 15:16
浏览 2779
评论(0)
分类:Web前端
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

CSS实现半透明div层的方法.rar: CSS实现半透明div层的方法.rarCSS实现半透明div层的方法.rarCSS实现半透明div层的方法.rarCSS实现半透明div层的方法.rarCSS实现半透明div层的方法.rar

js+CSS实现弹出居中背景半透明div层的方法.docx: js+CSS实现弹出居中背景半透明div层的方法.docx

CSS和Javascript实现的DIV半透明飘浮层: 用CSS和Javascript实现的DIV遮照飘浮层通过点击按钮显示半透明遮盖层以及信息层用CSS实现的固定飘浮,以及用Javascript实现的定位飘浮用VS2008打开后直接运行UserShowPanelTest.aspx的效果是CSS实现的效果,要实现...

div+css+js 实现透明屏蔽当前页面，并弹出新层进行操作: div+css+js 实现透明屏蔽当前页面，并弹出新层进行操作。效果很好！

jquery仿div透明模态弹出窗: 本实例使用jquery实现对话框的功能，点击链接即能在另外一层弹出对话框形式，例如登录对话框等……

div层实现IE Firefox 页面半透明遮罩效果弹窗: NULL 博文链接：https://hbxiao135.iteye.com/blog/509467

Div+Css实现屏蔽后面内容的登陆窗体: Div+Css实现屏蔽后面内容的登陆窗体，类似于QQ管网常用的，登陆的时候弹出会有一个半透明的层来屏蔽网页的其他内容。很不错呵呵

基于JavaScript实现全屏透明遮罩div层锁屏效果: 主要介绍了基于JavaScript实现全屏透明遮罩div层锁屏效果的相关资料,需要的朋友可以参考下

实现半透明效果，用层来实现: 把这两句代码加入到要实现半透明层的CSS样式表里即可，简单吧！！注：70和0.7的值可改为你需要的 body { background:url(/upfile/images/bg.jpg)} #layout { position:absolute; top:50px; left:50px; width:500px...

div 盖在flash上面 flash透明方法实现将DIV层放在flash上面: div如何盖(漂浮)在flash之上，于是本文搜集整理了以些方法：让DIV层浮动到flash上面的方法是：给flash添加透明参数.另外详细介绍wmode属性，感兴趣的朋友可以研究下

JavaScript实现弹出DIV层同时页面背景渐变成半透明效果: 主要介绍了JavaScript实现弹出DIV层同时页面背景渐变成半透明效果,涉及JavaScript弹出窗口的实现及页面元素属性动态变换的相关技巧,需要的朋友可以参考下

C#自定义半透明遮罩层源码: 在网页中通过div+css实现半透明效果不难，在winfrom中实现的方法，C#自定义控件半透明遮罩层

js控制div弹出层实现方法: 本文实例讲述了js控制div弹出层实现方法。分享给大家供大家参考。具体分析如下：这是个功能很好，且容易调用和控制的弹出层。感兴趣的朋友可以调试运行一下看看效果如何~O(∩_∩)O~ <html> <head> &lt...

javascript控制Div层透明属性由浅变深由深变浅逐渐显示: 控制Div层透明属性,由浅变深逐渐显示,由深变浅逐渐消失，具体实现代码如下，喜欢的朋友可以感受下

js+CSS实现弹出居中背景半透明div层的方法: 主要介绍了js+CSS实现弹出居中背景半透明div层的方法,涉及javascript操作弹出div层的操作技巧,非常具有实用价值,需要的朋友可以参考下

CSS层透明实现方法: 这个代码段是演示用CSS控制一个DIV层的透明效果，大家可以看到平铺的背景已经显现出来，实际上比较简单就可以实现，就是用CSS控制一个DIV层，定义样式表时加入filter:alpha(opacity=65);这句代码，里面的值是用来...

div+css+js 实现透明屏蔽当前页面，并弹出新层进行操作。推荐哦: 很多网站上都有一个很美观看上去也很实用的效果，如：你想发表留言或评论，或下载东西的时候， ... 原来的页面信息，给人的效果是：感觉弹出了一个透明的登录页面，只有先登录后才能进行其他操作。

JQuery&CSS;&CSS;+DIV实例大全.rar: 1.jquery仿div透明模态弹出窗插件下载 2.jquery实现多风格消息弹出框插件jGrowl下载 3.jQuery弹出层插件PopupDiv-v1.0下载(支持ajax、居中等效果) 4.jQuery超炫淡入淡出效果DIV渐变居中弹出框插件下载 5....

Global site tag (gtag.js) - Google Analytics