当前位置: 网站建设 > 网页设计 > 建站经验 >

弹出框lightBox

时间:2013-03-02 04:02来源:未知 作者:admin 点击:

标签:弹出框lightBox 原(2)弹出(2)lightBox(2)网站建设(1202)
--> [网站建设之]弹出框lightBox 弹出框的原理是一个弹出层,然后下面还有一个屏蔽层,屏蔽鼠标点击,下面是我本人写的一个弹出层代码: .popBg{ background:#000; opacity:0.5; filter:alpha(opacity=50);height:100%, 引导页的制作 ; width:100%; position:fixed; _position:absolute; left:0px; top:0px, 开始发布站优化关键字之前要明确四个要点 ; z-index:9
弹出框lightBox》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302341N2013.htm
--> [网站建设之]弹出框lightBox

弹出框的原理是一个弹出层,然后下面还有一个屏蔽层,屏蔽鼠标点击,下面是我本人写的一个弹出层代码:

.popBg{ background:#000; opacity:0.5; filter:alpha(opacity=50);height:100%,引导页的制作; width:100%; position:fixed; _position:absolute; left:0px; top:0px,开始发布站优化关键字之前要明确四个要点; z-index:99;}
.popWrap{ position:fixed; _position:absolute; left:50%; margin-left:-300px; top:300px; width:600px; z-index:100;}

popBg就是一个屏蔽层,背景为玄色,当然你能够设定你白色,建设网站需要注意哪些方面,或者“鸭屎绿”,这个看个人爱好,而后设置不透明度opacity这个ff等古代阅读器都可以读到,建设网站的简单步骤总结,所以不必要写-moz-opacity,我看到群里有人写一句,是过剩的,应当删除冗余代码;ie的话用fliter来兼容半透明。

定位可以用绝对定位还有绝对定位来断定:
相对定位的时候,当页面过长,建设网站中常犯的设计错误汇总,滚动鼠标的时候,由于height是100%截取当前文档显示区域来定高的,所以鼠标滑动下面的区域没有给笼罩到,会呈现断层很丢脸,用fixed的话就是把层“绑”在浏览器上一样,这样屏蔽层不会跟着转动条滚动;惋惜IE6不支撑fixed然而它解析absolute的时候却可以达到文档底部,所以加个hack给ie6,同时要设置它的层高z-index高些,这样就可以挡住其它的层起到屏蔽作用了。

popWrap是用来放弹出框的,定位的就不说明了,left:50%是让弹出框在左百分之五十的处所定位,用负margin来居中,至于负多少就要看弹出框的宽度而定,我打了600px宽给它,所以600/2=300,就要margin-left:-300px;左移300个像素这样就程度居中了。
Tag:弹出框   lightBox   弹出框   lightBox  
(责任编辑:网站建设)
弹出框lightBox相关文章
上一篇:引导页的制作 下一篇:当复选框选择匿名登录时隐藏登录框的效果
回到顶部