《
弹出框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相关文章