js中有图片背景透明的操作，javascript怎么用图片做背景

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

遮罩层： ，即作为背景层，覆盖整个页面。弹出层：，即背景层上的一层，此层可根据#form{top： 10%； left： 10%；width： 20%；height： 30%；}，调整弹出层的弹出位置。

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

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

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

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

相关问答

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

1、然后添加一个透明度的代码（opacity：0.6），保存后预览下效果，背景已经实现透明了，但是文字也透明了。

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

3、，0，0.2)；RGB：Red Green Bule （212， 0， 0 ）以及三色的值混合.最后一个参数.0.2 则是指的透明度，1为100% 不透明。

4、设置div透明度的时候可能很多朋友会遇到这样一个问题，那就是对象中的文字也被产生了透明现象，也不能说事缺陷，也可能有时候需要这样的效果。这里就介绍一下如何将对象设置为透明效果，但是文字不透。

Q2: 怎么把JS里面的背景变成透明的?

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

display：none； 显示与隐藏。

怎样把一张图片的背景弄透明？ 用photoshp的魔棒选背景，然后按del键删除背景，这是最快的方法，用套索选是最优质的方法 PPT中如何把一张图片的空白部分变成透明的 不好意思，刚才那个是全图的透明度设定。

scriptable透明背景设置将需要处理的图片拖入ps中，左击ps左侧工具栏上的快速选择工具图标，在展开的菜单中点击“魔棒工具”按钮。

Q3: 如何用JS或CSS来实现网页背景半透明

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

2、使用css创建：将这个需要覆盖全部页面的半透明容器相对与文档绝对定位，然后设置其宽度高度均为均为100%即可，缺点是容器总是覆盖当前状态下浏览器视口的面积，如果此时调整浏览器宽度或高度为更大值则出现非覆盖区。

3、浏览器不显示HTML标签，但是使用它们来渲染页面内容。

4、首先，用大家比较熟悉的CSS属性opacity来改变div的背景颜色。

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

关于js中有图片背景透明的操作和javascript怎么用图片做背景的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。