CSS设置层div的透明度

1.样式代码

#layout { position:absolute; top:50px; width:500px;  background:#fff; filter: alpha(opacity=70); opacity: 0.7;}

1.弹出窗口出现灰色透明背景,内容层不能操作.

定义两个层:
<div style="background:red; filter: alpha(opacity=45); opacity:0.45; position:absolute;top:0px;left:0px; width:100%; height:100%;"></div>
<div style="position:absolute;">内容</div>

2.用下面的样式表定义你的层 
.alpha { filter: alpha(Opacity=50, FinishOpacity=50, Style=0, StartX=0, StartY=0, FinishX=100, FinishY=100}
解释:
Opacity=开始的不透明度(100的话就不透明了) 
FinishOpacity=结束的不透明度(100的话就不透明了) 
Style=样式,从0开始,1.2.3....有均匀透明啊,放射形状透明啊... 
StartX=开始透明的X坐标,基本上为图片、层的左上角(0) 
StartY= 开始透明的Y坐标,基本上也为图片、层的左上角(0) 
FinishX=结束透明的X坐标,基本上也图片、层的右下(图片、层的宽度) 
FinishY=结束透明的Y坐标,基本上也为图片、层的右下角(图片、层的高度)

时间: 2024-12-27 11:48:04

CSS设置层div的透明度的相关文章

css透明滤镜-css 设置透明滤镜的透明度属性

 代码如下 复制代码 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>New document</title> <style type="text/css"> <!-- div#div1 { height:240px;filter:progid:DXImageTransf

DIV CSS遮罩层

<!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> <title>DIV CSS遮罩层</title&

css设置透明度

#right {  .......  filter:alpha(opacity=50);   -moz-opacity:0.5;   -khtml-opacity: 0.5;   opacity: 0.5;  }  以上是小编为您精心准备的的内容,在的博客.问答.公众号.人物.课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索css , filter , 透明度 , alpha , right Opacity css 透明度.css设置div透明度.css设置透明.css设置图片透明度

css如何设置层透明

  于是稍作研究下,在此记录下: 当然,达到透明,很多一般使用三种方式: 1.直接使用透明图片,这个确实比较直接省事,不过往往需要再制作图片,个人认为,可维护性不好 2.使用如下代码设置透明度,可是你会发现这种方式不能对其子节点的元素设置不透明 代码如下: filter: alpha(opacity = 50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; 3.这种方法仅仅使用简短的代码,即可以实现设置透明度,也可以实现其中的文字以

jquery ui-JQuery UI里面怎么在模态窗体里面设置最大化和最小化按钮,以及设置层的透明度

问题描述 JQuery UI里面怎么在模态窗体里面设置最大化和最小化按钮,以及设置层的透明度 $("#modelDiv").dialog({ autoOpen: false, width: 1000, modal: true, buttons: { "确定": function () { if ($("#meanId").val() == "") { doAdd(); } else { doEdit(); } }, "

css 实现div半透明度实现代码

place holder height:1000px; 背景半透明覆盖整个可视区域 这个效果效果在工作中经常会遇到,这篇文章主要介绍了当内容超过一屏时如何做到多浏览器的兼容性. 下面我们通过一个简单的例子看看如何实现,高手请绕道. html代码很简单 < d i v class="mask opacity">< / d i v > 1 .半透明效果可以使用 css3 中的 opacity 属性,在低版本的IE浏览器中使用IE的alpha 滤镜.代码: .opac

css设置background-image不起作用,去掉&amp;amp;lt;div id=&amp;amp;quot;menuBar&amp;amp;quot;&amp;amp;gt;的id就行了,求具体原因

问题描述 css设置background-image不起作用,去掉<div id="menuBar">的id就行了,求具体原因 <html><head> <style type=""text/css""> #menuBar { /*display: none;*/ background-color: #fffd7a; width: 100%; } #menuBar div.menuItemTr {

绝对居中的层div+css代码示例

绝对居中的层div+css代码示例 以下是代码:<html> <head> <title>Nice and Free CSS Template 11</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <style type="text/css"><!--

CSS设置DIV背景色渐变显示

 <style type="text/css">  .linear{ width:100%; height:600px; FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#b8c4cb, endColorStr=#f6f6f8); /*IE*/ background:-moz-linear-gradient(top,#b8c4cb,#f6f6f8);/*火狐*/