LOGO OA教程 ERP教程 模切知识交流 PMS教程 CRM教程 开发文档 其他文档  
 
网站管理员

CSS_设置层的透明度

admin
2010年8月14日 2:26 本文热度 4079

有时候我们需要用到层的透明度,把下边的背景透出来,如下图:



这种半透明的形式在blog上应用比较广泛,那么这种效果是怎么做出来的呢?用JS,NO,NO,既然我们是CSS布局教程,那么就尽量用CSS来解决问题!


filter: alpha(opacity=70);
opacity: 0.7;
把这两句代码加入到要实现半透明层的CSS样式表里即可,简单吧!!
注:70和0.7的值可改为你需要的



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>div层半透明效果</title>
<style>
body { background:url(/upfile/images/bg.jpg)}
#layout { position:absolute; top:50px; left:50px; width:500px; height:500px; border:1px solid #006699; background:#fff; filter: alpha(opacity=70); opacity: 0.7;}
</style>
</head>


<body>
<div id="layout"></div>
</body>
</html>


该文章在 2010/8/14 2:26:28 编辑过
关键字查询
相关文章
正在查询...
点晴ERP是一款针对中小制造业的专业生产管理软件系统,系统成熟度和易用性得到了国内大量中小企业的青睐。
点晴PMS码头管理系统主要针对港口码头集装箱与散货日常运作、调度、堆场、车队、财务费用、相关报表等业务管理,结合码头的业务特点,围绕调度、堆场作业而开发的。集技术的先进性、管理的有效性于一体,是物流码头及其他港口类企业的高效ERP管理信息系统。
点晴WMS仓储管理系统提供了货物产品管理,销售管理,采购管理,仓储管理,仓库管理,保质期管理,货位管理,库位管理,生产管理,WMS管理系统,标签打印,条形码,二维码管理,批号管理软件。
点晴免费OA是一款软件和通用服务都免费,不限功能、不限时间、不限用户的免费OA协同办公管理系统。
Copyright 2010-2024 ClickSun All Rights Reserved