js设置不透明属性，js设置不可见

js如何实现点击图片弹出窗口并放大这张图片,弹出的窗口有半透明遮罩层...

1、准备好需要用到的图标。新建html文档。书写hmtl代码。 。书写并添加js代码。/script。代码整体结构。查看效果。

2、可以用js事件“onmouseover”和“onmouseout”来实现。

3、其实弹出层的思路还是比较简单的：一般是这个层是隐藏的(display：none)，然后点击你说的图片(或者任何的页面元素)，这个层就会显示（一般display：inline-block/block），同时设置一个灰色的背景看起来这个层是浮于下面的层之上的。

4、分别写一个onmouseover和onmouseout事件。然后在事件里面加一个function，分别写想要放大的尺寸和缩小或复原的尺寸。

相关问答

Q1: 如果用js怎么把一个图片从透明边不透明.求大神

1、引用jQuery， 使用jQuery的选择器找到这个div或image（通过id）.然后改变这个element的opacity属性的值就可以了。

2、使用css样式FILTER： Alpha(Opacity=50)，可以使图片变得半透明，其中Opacity的值的大小表示透明程度（从0～100变化）。

3、如果是一个颜色、用PPT就可以、具体方法方法：普通视图下，在制作区鼠标双击要设置透明的图片，激活图片的【格式】选项卡。在【调整】选项组中，点击【重新着色】，在扩展选单中选择【设置透明色】，之后，在制作区点击图片需要设置为透明的颜色区域即可。

4、可以用jquery，是个JS库。有个效果叫fadeIn，应该就是你想要的。

5、很简单。用ps。打开png格式的图片，新建一图层置于图片底部，填充为蓝色。另存就可以了。

6、点评：事实上网页中绝对需要使用透明PNG图片的地方并不多，所以如果你的网页中仅仅是一两处使用透明PNG图片，建议用这种方法。如果浏览者禁用了js，方法二和三当然失去了作用。

Q2: uniapp页面透明,但是加入控件后不能透明了

1、问题：uniapp 嵌入web-view页面空白。解决方式：检查web-view 中src 路径中，命名是否有问题。正常的路径应该是 hybird/html /page路径 重要的是 /hybird/html/ 这个路径是固定写法，不能修改，我就是将html 这个文件夹改了名字，导致web-view 怎么也显示不出来。

2、vue双向绑定失败。cli程序命令行界面下，uniapp打包app不显示页面是由于vue双向绑定失败。uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序、快应用等多个平台。

3、其实就是横竖屏切换之后的第一个加载的页面样式会错乱，所以需要一个空白的页面来承载这个样式错乱的问题。在横屏页面返回时，监听onBackPress()使其跳转到一个空白的vue页面，这个空白的vue页面在跳转到自己想去的页面。这样这个空白vue页面会样式错乱，但不会影响其他页面。

4、痛点二：白屏问题的优化 从vue版本到nvue，我发现聊天页面的加载速度有了显著提升。vue版在onLoad钩子的计算操作过多，导致加载时长过长。现在，我将这些计算移到了onReady阶段，使得nvue版的聊天页在uniapp原生导航栏的加持下，加载无白屏，只需在pages.json中进行简单配置即可。

Q3: JS实现背景透明度可变,文字不透明的效果

首先新建一个html文件，添加一个DIV，设置宽度和高度，以及背景色填充为红色。然后在父级DIV中插入一个子DIV，定义它的宽高，以及背景色（background：#fff；）。然后添加一个透明度的代码（opacity：0.6），保存后预览下效果，背景已经实现透明了，但是文字也透明了。

浏览器、html编辑器。首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。在index.html中的标签中，对“article”添加样式：opacity： 0.5；，对“article p”添加样式：opacity： 1；。浏览器运行index.html页面，此时背景是50%透明度，但字体是不透明的。

设置之后可以看到，背景色变成了半透明的效果，而我们的文字内容是不透明的。以上方法用着简单，但是不兼容ie8以下的浏览器。我们需要添加一个IE滤镜就可以解决兼容性问题了。

}文字文字如果直接给文字外围DIV加opacity，那么文字会继承此DIV的opacity。解决办法就是把背景透明和文字分开控制。JS就不写了，你参考这个修改。

Q4: 改变透明度在js里面怎么写呢?

1、如果你只是要给某元素设置透明度，那么只要定义该元素的样式_filter：alpha(opacity=80)； opacity： 0.8；就行了（这里的80和0.8指的是透明度为80%，根据需要自己设置），跟js无关。

2、仅从代码来看是没问题的。但影响程序运行的因素是多方面的，没看到你完整的代码（包括js和html），不好妄下定论，仅仅猜测一下：你说运行到调整透明度的语句就不再往下运行了，那么原因估计是两个：一是left和right这两个id在页面上不存在（或者存在一个以上）；二是浏览器不支持opacity。

3、js将十六进制颜色转透明度的函数 CSS颜色的表示方式一般有两种10进制与16进制，分别是【rgb(255， 100， 0)】【#FF0000】。两个16进制组合数是0-255（16*16=256）。

关于js设置不透明属性和js设置不可见的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。