JS解决ie6下png透明的方法实例

 更新时间:2013年08月02日 10:00:04   作者:  
解决ie6下png透明的问题想必前端都比较清楚,虽然有很多方法,但是我觉得用JS还是最省事的方法,不管是图片还是背景图片都OK。
复制代码 代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
<title>解决ie6下png透明方法之JS法-</title>
<style type="text/css">
 .a{background: #FFFF99 ;  background-image: url(bg.jpg); height:800px;padding: 50px;  }
 .b{ float: left;  background: url(tra.png) no-repeat 0 0; width:240px; height:307px; margin-right:20px;}
</style>
<!--[if IE 6]> //只有IE6才调用
<script src="https://www.jb51.net/js/iepng.js" type="text/javascript"></script> //此处调用透明的JS
<script type="text/javascript">
   EvPNG.fix('div, ul, img, li, input');  //EvPNG.fix('包含透明PNG图片的标签'); 多个标签之间用英文逗号隔开。
</script>
<![endif]-->
</head>
<body>
<div class="a">
    <div class="b">

      <p>脚本之家</p>
      <p><a href="https://www.jb51.net">www.jb51.net</a></p>
      <p>上边的链接可以点开哟</p>
   </div><!--背景调用-->

    <img src="tra.png" width="240"  height="307" alt="" /><!--页面插入图片-->
</div>
</body>
</html>

相关文章

  • js实现点击烟花特效

    js实现点击烟花特效

    这篇文章主要介绍了js实现点击烟花特效,帮助大家更好的利用js美化网页,感兴趣的朋友可以了解下
    2020-10-10
  • js实现单行文本向上滚动效果实例代码

    js实现单行文本向上滚动效果实例代码

    这篇文章主要介绍了js实现单行文本向上滚动效果,大家参考使用吧
    2013-11-11
  • 使用Webpack压缩与转译JavaScript代码的操作方法

    使用Webpack压缩与转译JavaScript代码的操作方法

    在Web开发中,代码的性能和加载时间是用户体验的重要组成部分,为此,将JavaScript代码压缩和优化是发布前一个必不可少的步骤,所以本文给大家介绍了如何使用Webpack压缩与转译JavaScript代码,需要的朋友可以参考下
    2024-05-05
  • javascript如何读写本地sqlite数据库

    javascript如何读写本地sqlite数据库

    这篇文章主要介绍了javascript如何读写本地sqlite数据库问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-02-02
  • 深入了解JavaScript的逻辑运算符(与、或)

    深入了解JavaScript的逻辑运算符(与、或)

    本篇文章分享的是 JS 当中的逻辑运算符与、或,也就是 && 、 || ,没错,别看这简简单单的几个运算符,虽然这是最基础的知识,但其中隐藏的奥秘却十分耐人寻味,接下来本文就为大家一一揭开这简单的运算符背后的奇妙之处。
    2016-12-12
  • 如何写JS数组sort的比较函数

    如何写JS数组sort的比较函数

    我们知道,数组的sort方法可以对数组元素进行排序,默认是按ASCII字母表顺序排序。如果要根据其他的顺序排序就需要为sort方法提供一个比较函数作为参数。这里讲的就是如何写这个比较函数。
    2010-07-07
  • uniapp中全局页面挂载组件实战过程(小程序)

    uniapp中全局页面挂载组件实战过程(小程序)

    这篇文章主要给大家介绍了关于uniapp中全局页面挂载组件(小程序)的相关资料,文中通过实例代码介绍的非常详细,对大家学习或者使用uniapp具有一定的参考学习价值,需要的朋友可以参考下
    2022-12-12
  • 原生JavaScript创建不可变对象的方法简单示例

    原生JavaScript创建不可变对象的方法简单示例

    这篇文章主要介绍了原生JavaScript创建不可变对象的方法,结合简单实例形式分析了基于原生JavaScript创建不可变对象的相关原理、实现方法与操作注意事项,需要的朋友可以参考下
    2020-05-05
  • JavaScript垃圾回收机制(引用计数,标记清除,性能优化)

    JavaScript垃圾回收机制(引用计数,标记清除,性能优化)

    这篇文章主要介绍了JavaScript垃圾回收机制(引用计数,标记清除,性能优化),垃圾回收是JavaScript的隐藏机制,我们通常无需为垃圾回收劳心费力,只需要专注功能的开发就好了
    2022-07-07
  • 使用JavaScript的ActiveXObject对象检测应用程序是否安装的方法

    使用JavaScript的ActiveXObject对象检测应用程序是否安装的方法

    这篇文章主要介绍了使用JavaScript的ActiveXObject对象检测应用程序是否安装的方法,需要的朋友可以参考下
    2014-04-04

最新评论