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

设置背景图片,以突出透明度的效果及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图片背景透明而其它不受影响。

 

时间: 2024-09-12 01:39:20

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

IE5,IE6,IE7,IE8的css兼容性列表[转自MSDN]

http://msdn.microsoft.com/en-us/library/cc351024(VS.85).aspx   At-rules 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 Yes @import Yes Yes Yes Yes Yes Yes Yes @media No Yes Yes Yes Yes Yes Yes @pag

基于jQuery IE6下PNG图片背景透明问题解决方法

基于jQuery IE6下PNG图片背景透明问题解决方法 IE6问题真的很多,其中有一个问题是PNG图片背景无法变成透明,取而代之的是一个色块,有时候我们想用png透明图片来做小图标,这个在IE6下就纠结了,下面我们用一个jquery插件来解决这个问题,希望能帮上大家. 首先下载SuperSleight for jQuery,再下载一张透明gif图片transparent.gif. 引用脚本: <script type="text/网页特效" src="/scripts

流行的jQuery不再支持IE6,IE7和IE8

文章简介:最流行的JavaScript库jQuery不再支持旧版IE. 直到JQuery2.0的发布,流行的jQuery JavaScript库到了一个重要里程碑.2.0版本比前任版本在大小上缩减了12%,但是更大的新闻是,jQuery 2.0不在对IE6,7,8三个版本进行支持. 七年前jQuery的诞生,开始让开发者更简单的操作HTML和编写JavaScript,jQuery的跨浏览器特性,更是很快受到了广大开发者的青睐.根据去年的一项调查显示,粗略估计,网络上一半的站点都在使用jQuery

ie6下png图片背景不透明的解决办法使用js实现_javascript技巧

我们时常在使用png图片的时候,在ie6下发生背景不透明的问题,下面给大家介绍下一个js解决的方式. 首先我们要用到一个js,代码如下: 复制代码 代码如下: /** * DD_belatedPNG: Adds IE6 support: PNG images for CSS background-image and HTML <IMG/>. * Author: Drew Diller * Email: drew.diller@gmail.com * URL: http://www.diller

jquery图片查看插件,支持旋转、放大、缩小、拖拽、缩略图(仿qq图片查看)

最近做了一个jquery图片查看的插件,目的是能精确查看图片的详情,插件支持图片旋转.放大.缩小.拖拽.缩略图显示,界面效果是按照window的qq查看图片功能写的,当然不尽相同. 具体功能: 1. 多张图片切换,键盘左右键或左右箭头切换 2. 旋转 3. 放大,支持鼠标滚轮 4. 缩小,支持鼠标滚轮 5. 右下角缩略图 6. 拖拽大图 7. 全屏 PS:下面是插件各状态下效果,demo示例会在最后放出来. 全屏 全屏是容器的最大化. 缩小 可以点击缩小图标或者鼠标滚轮向下滚,可以缩小图片. 放

jQuery动态背景图片效果实现方法_jquery

本文实例讲述了jQuery动态背景图片效果实现方法.分享给大家供大家参考.具体如下: 这里把背景图片按照1.jpg - 20.jpg放到目录里,jQuery会随机调用这些图片作为背景 $(document).ready(function(){ bgImageTotal=20; randomNumber = Math.round(Math.random()*(bgImageTotal-1))+1; imgPath=('/my/image/path/'+randomNumber+'.jpg'); $

ie6,ie7,ie8完美支持position:fixed的终极解决方案_经验交流

ie6对position:fixed不支持,网上有很多解决方法,有的在ie6,ie7上调试成功后,在ie8上又不好使,div层还是跟随滚动条浮 动:以下总结方法,在ie6,ie7,ie8上都调试成功,且页面滚动条滚动时,效果还挺好,div层并不会闪烁. 复制代码 代码如下: <div id="goTop_div" class="fixed ie">  </div> css: 复制代码 代码如下: .fixed{         positio

经典纯css菜单代码[支持ie6,ie7]

提示:您可以先修改部分代码再运行 经典纯css菜单代码[支持ie6,ie7] Home Single Level Dropdown Dropdown One Dropdown Two Dropdown Three Dropdown Four Dropdown Five Dropline Dropline One Dropline Two Dropline Three Dropline Four Flyout Flyout One Flyout Two Flyout Three Flyout Fo

ie6 ie7 ie8 ie9和FireFox Chrome中css区别总结

1.DOCTYPE 影响 CSS 处理 2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中 4.FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !important 多设一个 height 和 wid