Home > Web Front-end > JS Tutorial > body text

js+CSS实现弹出居中背景半透明div层的方法_javascript技巧

WBOY
Release: 2016-05-16 16:12:46
Original
1275 people have browsed it

本文实例讲述了js+CSS实现弹出居中背景半透明div层的方法。分享给大家供大家参考。具体实现方法如下:

复制代码 代码如下:




js+CSS弹出居中的背景半透明div层




 
CSS弹出层,或者说是弹出窗口,背景半透明风格的弹出框,在网站登录、用户注册、公告提示方面都非常适合使用。IE和FF,OP均可以~弹出窗口,背景半透明
  原理:两个层,一个高度和宽度都是100%,另一个就是你要弹出的窗口的具体内容,半透明在IE中是用filter: Alpha(opacity=60);在非IE中用opacity:0.60;
   点击这里打开窗口

两个层,一个高度和宽度都是100%,另一个就是你要弹出的窗口的具体内容,半透明在IE中是用filter: Alpha(opacity=60);在非IE中用opacity:0.60;






点击关闭窗口


希望本文所述对大家的javascript程序设计有所帮助。

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!