js把图片的背景变透明度，js设置背景色透明

...的背景图片透明度而不影响字体的透明度,最好用js+css实现

首先新建一个html文件，添加一个DIV，设置宽度和高度，以及背景色填充为红色。然后在父级DIV中插入一个子DIV，定义它的宽高，以及背景色（background：#fff；）。

图像透明不透明用到opacity元素，值为0到1，一般用0.4或0.6就够了。ie8以下浏览器写法为：filter：alpha(opacity=40)；值为0到100.一般为了兼容同时写两种。

index.html。在index.html中的标签中，输入css代码：div {opacity：0.5；background-color： #0b93d5} span {color： white；} 浏览器运行index.html页面，此时成功在透明度50%的背景上显示了白色的文字。

相关问答

Q1: 怎样可以将背景图片变的更淡,更透明?

1、在电脑上打开需要进行背景图片需要淡化的PPT文档，可以看到图片的背景颜色太突出，会影响ppt文档内容的观看。用鼠标选中背景图片，右击鼠标后会出现一个快捷菜单，找到“设置背景格式”选项后点击。

2、，在电脑上打开AI软件后，点击功能栏第一项“文件”栏，点击“打开”。2，在出现的选项框中选中目标图片，点击“打开”，即可插入目标图片。3，点击功能栏第一项“文件”栏，在出现的选项栏中点击“导出”。

3、双击背景，解锁此图层。按下键盘上的Delete键删除选区。按下键盘上的cult+h键取消选区，背景即成透明。

4、选择工具：在Photoshop中打开图片后，首先要做的是选择想要变透明的部分。这里可以使用多种选区工具，如矩形选框工具、椭圆选框工具、套索工具、多边形套索工具或磁性套索工具等。

Q2: 在html中怎么通过js让图片透明度渐变

1、图片不能实现渐变，图片只能通过CSS滤镜实现：灰度，模糊，褐色，曝光，反色，色相旋转，阴影，透明，改变饱和度，改变对比度，这些效果。要真正实现图片渐变，只能用Photoshop来修改图片，然后把图片作为HTML文件的背景。

2、先使用一个div标签。然后在header标签里面设置div标签的css样式。颜色渐变要有一个范围，需要给div设定width和height，也就是宽度和高度。

3、首先新建一个记事文本，重新命名背景颜色.html，按回车确认，如下图所示。回到桌面选中新创建的背景颜色.html文件，右键选择记事本打开，然后在记事本中手动输入图中代码，这是一个标准的html头尾格式。

4、h5元素本身的位移、缩放，控制css属性即可，left、right、top、bottom，width、height，另外使用transform可以完成更复杂的变化。透明度属性可以完成渐隐渐现效果，切换background-image属性，background-color属性。

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

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

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

3、设置元素得不透明度，不过不同得浏览器支持得方式不太一样，微软支持得滤镜，而firefox支持opacity。你写得就是微软支持得。，意思是100%不透明。

4、这种被称为LIGHTBOX技术，你可以在网上找到很多源码。如果你确定必要文件已经全部OK，那估计原因在于你没有在事件里加件一个函数，具体什么函数根据你下载的程序而定。

5、filter： alpha(opacity=70)；opacity： 0.7；Opacity：透明度级别，范围是0-100，0代表完全透明，100代表完全不透明。加到CSS文件里就好了。

6、特点：将元素的透明度设置为0，只是从视觉隐藏元素，元素本身的位置仍然存在，也可以跟用户进行交互。方法六：visibility：设置元素是否可见。默认为：visible(可见)；隐藏(不可见)：hidden。

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

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

2、CSS使用rgba可以使背景色透明文字不透明，你使用的透明会使背景和文字一起透明。

3、修改DIV的背景图，其实就是修改样式里的background。可以让background直接等于空就可以了。

4、首先打开美图秀秀程序，在首页中点击“美化图片”。然后在打开的页面中点击“新建画布”，将高度和宽度设置为“800像素”，选择“透明”背景色，点击应用按钮。然后即可新建一个800*800的透明底图。

js把图片的背景变透明度的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js设置背景色透明、js把图片的背景变透明度的信息别忘了在本站进行查找喔。