png图片使用opacity在ie中出现黑边情况

JQuery动画的淡入淡出效果,用在PNG24的图片上,在IE7、IE8下会出现黑边框。

有些人觉得很奇怪,为什么?潘?E6正常,反而在IE7、8下却有黑边呢。

其实问题出在filter属性上。IE6引用PNG24的图片的方式是:

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=‘img24.png‘);

我的方法:

.img{opacity: 0;background: url(../images/img1.png) no-repeat;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);}

.img:hover{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=‘images/img2.png‘);opacity: 1;}

时间: 2024-11-05 17:29:35

png图片使用opacity在ie中出现黑边情况的相关文章

Android下将图片加载到内存中

Android的系统的标准默认每个应用程序分配的内存是16M.所以来说是非常宝贵的,在创建应用的时候要尽可能的去节省内存,但是在加载一些大的文件的时候,比如图片是相当耗内存的,一个1.3M的图片,分辨率是2560X1920(宽X高)图片当加载到手机内存的时候就会请求19M的一块内存,这是远远超出了系统自带的内存空间,这时候应用程序就会挂掉,所以我们要进行图片的缩放处理,下面我就来带大家创建一个用来图片缩放的应用: 应用效果图如下: 核心代码的实现: package com.examp.loadp

自己主动图片生成在前端开发中的一些尝试

图片处理在前端开发过程中占领了不少的时间.非常是累人.在本文中我们不讨论怎样提高切图的效率.我们讨论还有一个问题:怎样处理设计稿中的一些简单图形. 不知道你又没有遇到过这样的烦恼:"设计师给你的精致的PSD中有一个简单图形,就是那用用多边形.圆形和线条组成的图形.这个图形用css3实现不了,或者能实现.但为了兼容某些浏览器不能用css3来实现,仅仅能切图.好的.你非常快切完了并在样式中引用了. 但没过多久需求上要求改下图片的颜色,而这是你已经将导出图片的那个PSD删除了,你还得又一次在设计稿中把

iOS图片加载到内存中占用内存情况

我的测试结果: 图片占用内存   图片尺寸           .png文件大小 1MB              512*512          316KB 4MB              1024*1024      940KB 16MB            2048*2048      2.5MB 1.11MB         512*568 693KB          320*568          186KB 2.773MB       640*1136        664

根据url路径获取图片并显示到ListView中

项目开发中我们需要从网络获取图片显示到控件中,很多开源框架如Picasso可以实现图片下载和缓存功能.这里介绍的是一种简易的网络图片获取方式并把它显示到ListView中. 本案例实现的效果如下: 项目结构: 根据部分开源代码,我修改并封装了一个网络图片加载的工具类GetImageByUrl,通过调用其中的setImage方法,传入待显示图片的ImageView控件和该图片的url路径这两个参数即可实现获取网络图片的功能. GetImageByUrl.java package com.leo.i

自动图片生成在前端开发中的一些尝试

图片处理在前端开发过程中占据了不少的时间,很是累人.在本文中我们不讨论如何提高切图的效率,我们讨论另一个问题:如何处理设计稿中的一些简单图形.不知道你又没有遇到过这种烦恼:"设计师给你的精致的PSD中有一个简单图形,就是那用用多边形.圆形和线条组成的图形.这个图形用css3实现不了,或者能实现,但为了兼容某些浏览器不能用css3来实现,只能切图.好的,你很快切完了并在样式中引用了.但没过多久需求上要求改下图片的颜色,而这是你已经将导出图片的那个PSD删除了,你还得重新在设计稿中把这个图形抠出来&

把图片加载到BufferedImage中

把图片加载到BufferedImage 中有什么作用呢?它就可以利用 ImageIO.write(image, "JPEG", response.getOutputStream()); 把图片打印到客户端,或者任何一个地方. 那么如何把图片加载到BufferedImage 中呢? String imgPath = addr; BufferedImage image = ImageIO.read(new FileInputStream(imgPath));

Android简单实现将手机图片上传到server中

在本例中.将会简单的实现安卓手机将图片上传到server中.本例使用到了 server端:PHP+APACHE 客户端:JAVA 先简单实现一下server端的上传并測试上传效果,看实例 <?php if(empty($_GET['submit'])){?> <form enctype="multipart/form-data" action="<?php $_SERVER['PHP_SELF']? >?submit=1" method

CSS3图片翻转切换案例及其中重要属性解析

图片翻转切换,在不使用CSS3的情况下,一般都是使用JS实现动画,同时操作元素的width和left,或者height和top以模拟翻转的效果,并在适当时候改变src或者z-index实现图片切换. 无意中发现CSS3的方案, http://www.webhek.com/css-flip/  赶紧学习并总结如下 先上代码(多数照搬自上述链接,有很大兼容问题,小心使用) HTML: <div class="flip-container"> <div class=&quo

Android调用系统相册和相机选择图片并显示在imageview中

Android调用系统相册和相机选择图片并显示在imageview中,在系统调用相机拍摄中,直接返回的是经过压缩处理后的图像,当你直接把返还后的图片放在imageview中时 图片就会非常的模糊,所以要经过先存放在sd中,然后在处理并显示.当调用系统相册时,因为Android系统从4.4版本以后系统不再返回真实的uri路径,而是封装过后的uri路径,所以当你写代码时必须注意,4.4是一个分水岭,4.4以上的版本必须就通过解析和相应的处理才能获取到真实的uri路径. 先上程序运行的结果. 这个是调