jquery 图片背景透明度(支持IE5/IE6/IE7)

时间:2021-09-28 18:23:06

设置背景图片,以突出透明度的效果及jquery png背景透明插件实例教程

<head> 
<title>toggle()</title> 
<style type="text/css教程"> 
<!-- 
body{

background:url(bg.jpg); 
margin:20px; padding:0px; 

img{ 
border:1px solid #ffffff; 

--> 
</style> 
<script language="网页特效" src="jquery.min.js"></script> 
<script language="javascript"> 
$(function(){ 
$("img").toggle( 
  function(oevent){ 
   $(oevent.target).css("opacity","0.5"); 
  }, 
  function(oevent){ 
   $(oevent.target).css("opacity","1.0"); 
  } 
); 
}); 
</script> 
</head> 
<body> 
<img src="www.111cn.net.jpg"> 
</body>

下面看一个jquery png背景透明插件

<head>
...
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="query.pngfix.pack.js"></script>
<script type="text/javascript">
 $(document).ready(function(){
          $(document).pngfix(); 
  });
</script>
...
</head>

插件不仅支持ie5/ie6/ie7下img标签的png背景透明,background-image的背景透明,还支持image类型的input的png背景透明,而且实现精确的控制,即您可以让页面上任意一张png图片背景透明而其它不受影响。

jquery 图片背景透明度(支持IE5/IE6/IE7)的更多相关文章

  1. IE5&comma;IE6&comma;IE7&comma;IE8的css兼容性列表&lbrack;转自MSDN&rsqb;

    CSS 2.1:   IE 5.0 IE 5.5 IE 6.0 IE 7.0 IE8 Beta 1 IE8 Beta 2 IE 8.0 @charset No Yes Yes Yes Yes Yes ...

  2. 一行代码解决各种IE兼容问题&comma;IE6&comma;IE7&comma;IE8&comma;IE9&comma;IE10

    行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10 2012-04-25 16:29:04| 分类: 学习 |字号 订阅 在网站开发中不免因为各种兼容问题苦恼,针对兼容问题,其实IE ...

  3. 一行代码解决各种IE兼容问题&comma;IE6&comma;IE7&comma;IE8&comma;IE9&comma;IE10 http&colon;&sol;&sol;www&period;jb51&period;net&sol;css&sol;383986&period;html

    在网站开发中不免因为各种兼容问题苦恼,针对兼容问题,其实IE给出了解决方案Google也给出了解决方案百度也应用了这种方案去解决IE的兼容问题   百度源代码如下 复制代码 代码如下: <!Do ...

  4. 一行代码解决各种IE兼容问题&comma;IE6&comma;IE7&comma;IE8&comma;IE9&comma;IE10(转)

     在网站开发中不免因为各种兼容问题苦恼,针对兼容问题,其实IE给出了解决方案Google也给出了解决方案百度也应用了这种方案去解决IE的兼容问题 百度源代码如下 <!Doctype html&g ...

  5. 一行代码解决各种IE兼容问题&comma;IE6&comma;IE7&comma;IE8&comma;IE9&comma;IE10(转载)

    在网站开发中不免因为各种兼容问题苦恼,针对兼容问题,其实IE给出了解决方案Google也给出了解决方案百度也应用了这种方案去解决IE的兼容问题 百度源代码如下 <!Doctype html&gt ...

  6. 网页头一定要加的代码段(加注版)一行代码解决各种IE兼容问题&comma;IE6&comma;IE7&comma;IE8&comma;IE9&comma;IE10

      网页头部常见的一段代码 <!--[if lt IE 7 ]><html class="ie6"><![endif]--> <!--[i ...

  7. 记录各种IE兼容问题&comma;IE6&comma;IE7&comma;IE8&comma;IE9&comma;IE10

     记录遇到的IE BUG:  1.IE8开发者工具打不开 解决办法:IE8新增了开发人员工具,非常不错,比早期的DevToolbar好用多了.不过在我的Win7下 使用的时候偶尔会出现一个莫名其妙的问 ...

  8. 一行代码轻松搞定各种IE兼容问题&comma;IE6&comma;IE7&comma;IE8&comma;IE9&comma;IE10

    在网站开发中不免因为各种兼容问题苦恼,针对兼容问题,其实IE给出了解决方案Google也给出了解决方案百度也应用了这种方案去解决IE的兼容问题? 百度源代码如下: <!Doctype html& ...

  9. &lpar;转&rpar;一行代码解决各种IE兼容问题&comma;IE6&comma;IE7&comma;IE8&comma;IE9&comma;IE10

    原文链接 http://blog.csdn.net/h5_queenstyle12/article/details/50424862 百度源代码如下 <!Doctype html> &lt ...

随机推荐

  1. 在 C&num; 中执行 msi 安装

    有时候我们需要在程序中执行另一个程序的安装,这就需要我们去自定义 msi 安装包的执行过程. 需求 比如我要做一个安装管理程序,可以根据用户的选择安装不同的子产品.当用户选择了三个产品时,如果分别显示 ...

  2. 28、跟我来一起精通echarts吧

    1.折线图 option = { title : { text: '未来一周气温变化', subtext: '纯属虚构' }, tooltip : { trigger: 'axis' }, legen ...

  3. UITableView去除空白cell上多余separator

    具体的效果可以参考微信ios7版的UITableview 它最后一行cell的separator是顶到最左边的 首先设置tableFooterView _messageTableview.tableF ...

  4. jquery禁用右键、文本选择功能、刷新

    //禁用右键.文本选择功能.刷新 $(document).bind(“contextmenu”,function(){return false;}); $(document).bind(“select ...

  5. pycharm中快捷键的使用

    转载自:https://blog.csdn.net/fighter_yy/article/details/40860949 Alt+Enter 自动添加包 shift+O 自动建议代码补全 Ctrl+ ...

  6. Mac OS 上配置java开发环境

    在开始本学期的java课程前,我需要先为自己的电脑配置好Java的开发环境.由于电脑是mac操作系统,所以教材上的教程对我并不管用,于是乎开始动手自己查阅网上资料来解决. 1.安装JDK 1.访问Or ...

  7. &lbrack;LOJ6436&rsqb;&lbrack;PKUSC2018&rsqb;神仙的游戏

    loj description 给你一个只有01和?的字符串,问你是否存在一种把?改成01的方案使串存在一个长度为\(1-n\)的\(border\).\(n\le5\times10^5\) sol ...

  8. Activemq&plus;Zookeeper集群

    如果在同一台机器上请参考 http://blog.csdn.net/liuyifeng1920/article/details/50233067 http://blog.csdn.net/zuolj/ ...

  9. js动态加载数据到文本框指定的位置

    html代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www. ...

  10. 文件后缀与mime类型对应表

    //文档文件类型的 .ai application/postscript    .eps application/postscript    .exe application/octet-stream ...