js实现弹出半透明页面，js实现弹出半透明页面

求助JS和CSS高手啊,如何实现一个DIV中同时有半透明和完全透明_html/css...

1、CSS如何实现div的透明效果：在通常情况下设置div的透明度可以使用以下代码：filter：alpha(opacity=50)； -moz-opacity：0.5； opacity：0.5； 以上代码可以将div设置为半透明，但是遗憾的是，IE6浏览器并不支持opacity属性。

2、div设置成透明的，可以使用background属性，把background设置为transparent即可。

3、你的图片跟第二个层在同一个层里，第二个层又是相对定位，当然不行了。

4、、半透明效果可以使用 css3 中的 opacity 属性，在低版本的IE浏览器中使用IE的alpha 滤镜。

5、今天给大家带来的代码是如何使用CSS让图片实现半透明的效果，下面我们来看一下。

相关问答

Q1: 请问弹出层怎么用js写呢?

见，使用CSS即可实现）。当用户执行某个动作时——比如点击某个链接或者将鼠标光标移动到某个链接上——我们将之前设置好的隐藏层显示在所有页面元素的 最上层（将使用JS操作实现）。

在弹出层中写一个iframe，调用这Html文件。

通过JS代码 document.getElementById(divID).style.etElementById(divID).style.display = none。函数可以实现。遮罩层： ，即作为背景层，覆盖整个页面。

点击click div的时候要弹出另外一个div，第一次弹出的div关闭。不是弹出文字。

你可以试着刷新一下这个页面或重新进入该页面，窗口再也不会再有js弹出对话框了。真正的实现只弹一次。需要注意的是，JS脚本中的的大小写最好前后保持一致。

Q2: 如何用js实现半透明蒙层的弹窗

写一个空的div，然后隐藏起来，等需要打开蒙层的时候动态设置其长宽，并显示出来，并且其位置从0.0开始，设置position为absolute。并设置透明度opacity。然后蒙层就有了！然后在这基础上加内容。

pinnerHTML=；//这里是浮动层的具体HTML内容 document.body.appendChild(p)；document.body.appendChild(p1)；//上面就是出现的代码。

首先，打开html编辑器，新建html文件，例如：index.html，输入问题基础代码。

{margin：0；padding：0；} JS弹出一个网页对话框，后面全变灰，并不可用。

Q3: 如何用JS实现简单弹出框

1、打开记事本程序 依次点击菜单“开始”——“程序”——“附件”——“记事本”，打开记事本窗口（或直接按下组合键win+R，弹出的运行对话框中输入：notepad 后回车）。

2、可以使用js的while实现一个无限弹窗的网页。具体步骤如下：需要准备的材料分别是：电脑、浏览器、ultraedit。在ue编辑器中新建一个空白的html文件，js文件。在ue编辑器中输入以下html代码。

3、.6；filter：alpha(opacity=60)}popus层则要稍微麻烦点儿，这里我们有两种实现方法 已知大小的弹窗，如下，主要通过top，left与负的margin来实现。

4、【最基本的弹出窗口代码】其实代码非常简单： 因为着是一段javascripts代码，所以它们应该放在标签和 之间。是对一些版本低的浏览器起作用，在这些老浏览器中不会将标签中的代码作为文本显示出来。要养成这个好习惯啊。

5、由于项目需要，做了一个超级简单的弹出框，一打开页面就弹出弹出框。

6、Javascript属于网络的脚本语言，用来给HTML网页增加动态功能。

Q4: js鼠标移动到图片显示半透明层怎么写

首先随便找一个地方新建一个div 并且隐藏。

透明度可以通过修改后面的0.7号来改变。1是完全不透明的，0是完全透明的。然后添加用于鼠标移动的脚本代码来显示蒙版层。这段js代码是用jquery编写的，既方便又简单，所以我们首先介绍jquery脚本库。

用css的hover就可以了 比如你的图片是一张img 那就img：hover{ background：white} 里面写你要改变的样式。

个简单 重点在，图片的背景是透明的，png格式的。鼠标放在图片上的时候，改变的是块级元素的背景。举例 鼠标放上去之后，改变的是div的背景。就这样效果就可以实现了。

js实现弹出半透明页面的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js实现弹出半透明页面、js实现弹出半透明页面的信息别忘了在本站进行查找喔。