iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > VUE >JS实现IE6下PNG图片透明的方法是什么
  • 279
分享到

JS实现IE6下PNG图片透明的方法是什么

2024-04-02 19:04:59 279人浏览 独家记忆
摘要

js实现IE6下PNG图片透明的方法是什么,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。和大家重点讨论一下用javascript实现IE6

js实现IE6下PNG图片透明的方法是什么,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

和大家重点讨论一下用javascript实现IE6下PNG图片透明的新方法!今天在WEBappers上看到了一个用Javascript实现的做法,比目前我所知道的做法要有效的多。

用Javascript实现IE6下PNG图片透明的新方法!

实现IE6下的PNG图片透明的方法很多,今天在Webappers上看到了一个用Javascript实现的做法,比目前我所知道的做法要有效的多,详情可以参看UnitPNGFix的演示网页。

其实现原理很简单,如果在IE6下有用PNG图片做背景的话就利用IE滤镜效果来做,这个大家都知道,就不多说了。但UnitPNGFix能够根据你设置的背景“repeat”属性来实现对应的效果,这就厉害了!如果是直接把PNG图片用在界面中,即用“img”标题形式嵌入界面的话,那么UnitPNGFix就会用一张透明的GIF图片来替换这张PNG图片,应该IE6是支持GIF透明的,所以大家就会看到一张空白透明的图片。接下来发生的事大家可能都能猜到了,UnitPNGFix会把新生成的透明GIF图片的背景设置为原PNG图片,并对背景图片进行IE滤镜处理,这样就实现了在视觉上IE6下PNG图片透明的效果了。

UnitPNGFix文件很小,包括一个未压缩的Javascript文件还有一幅透明gif图片,总共加起来才980字节。使用也很简单,只要在其Javascript文件中设置下透明gif图片的地址就可以用在你的网页中了。

UnitPNGFix号称有如下特点:

文件体积小,不到1kb!

解决了一些IE滤镜属性的问题;

可以运用于img对象和背景属性;

电子进行,不需要再定义类或函数;

电子设置元素的高宽;

关于JS实现IE6下PNG图片透明的方法是什么问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注编程网VUE频道了解更多相关知识。

--结束END--

本文标题: JS实现IE6下PNG图片透明的方法是什么

本文链接: https://www.lsjlt.com/news/86516.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • JS实现IE6下PNG图片透明的方法是什么
    JS实现IE6下PNG图片透明的方法是什么,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。和大家重点讨论一下用Javascript实现IE6...
    99+
    2024-04-02
  • 如何解决IE6下PNG图片透明的问题
    本篇内容介绍了“如何解决IE6下PNG图片透明的问题”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!PNG图...
    99+
    2024-04-02
  • HTML怎么实现PNG图片在IE6中背景不透明
    本篇内容主要讲解“HTML怎么实现PNG图片在IE6中背景不透明”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“HTML怎么实现PNG图片在IE6中背景不透明”吧...
    99+
    2024-04-02
  • ie6中png透明的方法是怎样的
    ie6中png透明的方法是怎样的,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。由于游戏类官网在页面背景和装饰人物的设计上追求画丽且与游戏风...
    99+
    2024-04-02
  • PNG图片在IE6中背景不透明的CSS与JS代码怎么写
    本篇内容主要讲解“PNG图片在IE6中背景不透明的CSS与JS代码怎么写”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“PNG图片在IE6中背景不透明的CSS与J...
    99+
    2024-04-02
  • HTML怎么实现支持png透明图片
    这篇文章主要介绍“HTML怎么实现支持png透明图片”,在日常操作中,相信很多人在HTML怎么实现支持png透明图片问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”HTML怎么...
    99+
    2024-04-02
  • 如何解决PNG图片在IE6中背景不透明的CSS与JS代码
    今天小编给大家分享一下如何解决PNG图片在IE6中背景不透明的CSS与JS代码的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有...
    99+
    2024-04-02
  • 在IE和VB中支持png图片透明效果的实现方法(vb源码打包)
    1,使用js文件使IE支持png图片透明效果。 pngfix.js: 复制代码 代码如下: var arVersion = navigator.appVersion.split("M...
    99+
    2022-11-21
    IE VB png 图片透明
  • css设置透明的方法是什么
    这篇文章主要介绍“css设置透明的方法是什么”,在日常操作中,相信很多人在css设置透明的方法是什么问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”css设置透明的方法是什么”的疑惑有所帮助!接下来,请跟着小编...
    99+
    2023-07-04
  • css实现图片轮播的方法是什么
    今天小编给大家分享一下css实现图片轮播的方法是什么的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。首先,在页面中创建对个im...
    99+
    2023-07-04
  • css把图片往下移的方法是什么
    这篇文章主要介绍了css把图片往下移的方法是什么的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇css把图片往下移的方法是什么文章都会有所收获,下面我们一起来看看吧。具体内容如下:使用position属性移动im...
    99+
    2023-07-04
  • JS怎么实现图片放大缩小的方法
    这篇文章主要介绍了JS怎么实现图片放大缩小的方法,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。本文实例讲述了JS实现图片放大缩小的方法。分享...
    99+
    2024-04-02
  • Win10任务栏设置透明化的方法是什么
    今天就跟大家聊聊有关Win10任务栏设置透明化的方法是什么,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。Win10任务栏设置透明化:打开应用商店;搜索并下载transflucentt...
    99+
    2023-06-05
  • Java图片批量压缩像素的实现方法是什么
    Java图片批量压缩像素的实现方法是什么,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。图片压缩大法为了防止用户流量的丢失,即使在5g 即将来临的情况下,压缩算法...
    99+
    2023-06-22
  • Win10开始菜单设置成透明的方法是什么
    这篇文章主要讲解了“Win10开始菜单设置成透明的方法是什么”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“Win10开始菜单设置成透明的方法是什么”吧!设置方法:右键点击“开始”,在弹出来的...
    99+
    2023-06-27
  • python读取图片的方法是什么
    Python中读取图片的方法有多种,可以使用第三方库如PIL(Python Imaging Library)或OpenCV,也可以使...
    99+
    2024-02-29
    python
  • web图片替换的方法是什么
    这篇文章主要介绍“web图片替换的方法是什么”,在日常操作中,相信很多人在web图片替换的方法是什么问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”web图片替换的方法是什么”...
    99+
    2024-04-02
  • php添加图片的方法是什么
    在 PHP 中添加图片的方法通常是通过使用 <img> 标签来在网页中显示图片。 <img src="i...
    99+
    2024-03-15
    php
  • python导入图片的方法是什么
    在Python中,你可以使用PIL库(Pillow库的前身)来导入图片。首先,你需要安装PIL库;你可以使用以下命令来安装PIL库:...
    99+
    2024-04-09
    python
  • mongodb存储图片的方法是什么
    在MongoDB中存储图片通常有两种方法:存储图片的URL链接或者将图片以二进制数据的形式存储在数据库中。 存储图片的URL链接...
    99+
    2024-04-09
    mongodb
软考高级职称资格查询
推荐阅读
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作