ie8下png图片的jquery渐隐渐现动画黑色背景bug

在IE7和IE8下如果你动态修改png图片的透明度,比如说你应用一个fadeIn,将图片的透明度调到25%,这时候就会出现非常诡异的bug,png的透明信息没了!变成了非常难看的黑色!

解决思路:

第一种:

给图片加一个外层,并个这个层加上相同的外层背景颜色或者背景图片。好处是,当使用jquery改变整体的背景颜色时,可以通过调用标签来实现背景颜色或者背景图片同时改变

第二种:

给图片套个外层,切换动画的时候改变外层的透明度。这个我没有试过,不知道行不行,原则上是可行的。

第三种:

改变图片的格式,改为png-8(图片色调会有偏差,不太合适),jpg(这个其实跟第一种差不多了。)

如果你有更好的方案,不妨分享一下哦。

时间: 2024-11-08 20:14:12

ie8下png图片的jquery渐隐渐现动画黑色背景bug的相关文章

Android使用自定义View绘制渐隐渐现动画_Android

实现了一个有趣的小东西:使用自定义View绘图,一边画线,画出的线条渐渐变淡,直到消失.效果如下图所示: 用属性动画或者渐变填充(Shader)可以做到一笔一笔的变化,但要想一笔渐变(手指不抬起边画边渐隐),没在Android中找到现成的API可用.所以,自己做了一个. 基本的想法是这样的: 在View的onTouchEvent中记录触摸点,生成一条一条的线LineElement,放在一个List中.给每个LineElement配置一个Paint实例. 在onDraw中绘制线段. 变换LineE

Android实现游戏中的渐隐和渐现动画效果_Android

1实现渐隐的动画 在程序中实现可以通过如下方式 View view = new View(context);//执行动画的View AlphaAnimation aa = new AlphaAnimation(1.0f, 0.0f);//创建一个AlphaAnimation 对象,渐变从1->0 aa.setDuration(1500);//设置持续时间 aa.setFillAfter(true);//设置这个View最后的状态,由于是从1->0,所以最后的是消失状态(最后是看不到见这个Vie

Android实现listview滑动时渐隐渐现顶部栏实例代码_Android

我在开发的时候遇到了这样的需求,就是在listview的滑动中,需要对顶部的栏目由透明慢慢的变为不透明的状态,就是以下的效果 最先开始的时候想的很简单,无非就是监听listview的滑动距离,然后根据距离算出透明度的比值,就可以了,但是事实上呢也的确是这样做的 只是在获取listview的滑动距离上可能没法直接获取,需要动态的去计算 下面贴出全部代码吧,不想码字了,最近感冒了,脑袋晕乎乎的,还疼,代码更直观一些 private void initListener() { lvList.setOn

jquery渐隐渐显的图片幻灯闪烁切换实现方法_jquery

本文实例讲述了jquery渐隐渐显的图片幻灯闪烁切换实现方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/

Js+CSS 文字渐隐渐现显示_文字特效

这段代码实现的淡入淡出还算可以吧,比较平滑,同样出自JavaScript+CSS两者的配合. JavaScript文字渐隐渐现显示 您知道吗?就是Jb51.NET [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

Android实现listview滑动时渐隐渐现顶部栏实例代码

我在开发的时候遇到了这样的需求,就是在listview的滑动中,需要对顶部的栏目由透明慢慢的变为不透明的状态,就是以下的效果 最先开始的时候想的很简单,无非就是监听listview的滑动距离,然后根据距离算出透明度的比值,就可以了,但是事实上呢也的确是这样做的 只是在获取listview的滑动距离上可能没法直接获取,需要动态的去计算 下面贴出全部代码吧,不想码字了,最近感冒了,脑袋晕乎乎的,还疼,代码更直观一些 private void initListener() { lvList.setOn

原生Js实现元素渐隐/渐现(原理为修改元素的css透明度)_javascript技巧

经常看到网页里图片渐变显示,自己写一个. 原理很简单就是修改元素的css透明度. 在线预览效果:http://jsfiddle.net/dtdxrk/BHUp9/embedded/result/ 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <

精彩图片推荐 渐隐渐现_广告代码

精彩图片推荐   胸前隐约突起的美丽 性感少妇浴室诱惑自拍 性感少妇按摩推油全过程 一个有钱女人的真实生活 帅哥美女激情热吻 地铁里的性骚扰 女人最诱惑的部位 超级恐怖的无头婴儿 淫荡女大学生宿舍自拍 最钩魂的全裸足球宝贝 最变态的闹洞房 温碧霞绝秘浴室自拍照 女死囚宣判时表情 最猛的网络真人版恶搞 最疯狂的名模真实肉搏 日本MM最喜欢在地铁做的事 妈咪剖腹产的全过程 偷拍中国模特大赛后台 世界上最震撼的胸部 跟拍范冰冰整容检查全过程

JavaScript让网页出现渐隐渐显背景颜色的方法_javascript技巧

本文实例讲述了JavaScript让网页出现渐隐渐显背景颜色的方法.分享给大家供大家参考.具体如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>javascript渐隐渐显的背景颜色</title> <style fprolloverstyle>A:hover