IE8添加了一些新特性,但是往往因为某些未知的因素而导致这些新特性失效。昨天就遇到这么一个奇怪的问题,网页中的PNG图片在FF下能显示半透明,但在IE7下却有了一个黑色的背景,一开始以为是pngfilt.dll文件损坏了,于是去其他电脑找到这个文体复制过来替换掉,还是没有作用。后来在IE8浏览器中打开,还是跟IE7是现实同样的效果。
导致IE7跟IE8中透明效果出现问题有可能是filter:alpha失效导致
症状是这样的,在我的IE8,类似filter:alpha(opacity=35)这样的CSS代码并不能出现预期的半透明效果了,很是纳闷。
在茫茫网海也没有搜到对症的偏方。
话说IE的滤镜是个神奇的东西,写法也是变来变去。
IE8里可以这样写 -ms-filter:”progid:DXImageTransform.Microsoft.Alpha(opacity=50)”;
IE7里可以这样写 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
IE6,IE7,IE8里都可以这样写 filter:alpha(opacity=50)
最后一种是我比较倾向的,因为简短,我看着一堆progid:DXImageTransform.Microsoft就烦。
前两种写法,很明显的是和MS的ActiveX技术一条路的,第三种看起来没有ActiveX,但本质也还是ActiveX一路的,不信你在安全选项里面禁掉所有的ActiveX试试,包括这个滤镜在内的所有IE滤镜立刻就光荣牺牲了。
今次碰到的filter:alpha失效,我检查了ActiveX是开着的,而且Flash都可以播放的,最后还是在安全选项里面七设八设了一通就可以了(直接降低安全级别到最低也可以),但是我也没弄清楚到底是哪一个或者哪几个选项跟它相关。
还是{opacity:0.5}好啊,IE啥时候支持噢。
png半透明失效的原因
IE7,IE8都是直接支持了png图片的alpha的,这回我的IE8里的png半透明失效的原因不明,怀疑可能跟360Safe的某些动作有关,仅仅只是怀疑而已。
很多情况会影响到ie8的png效果,这回运气比较好一点,在网上找到了方法,改了改注册表,就解决了问题。这里我们列举几种可能导致png注册表选项被破坏的情形。
1.(原因:.png在浏览器没有扩展值或出错)
开始->运行-regedit,打开注册表,HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Internet Explorer\EmbedExtnToClsidMappings\看.png存不存在。如果.png不存在,鼠标点它的上一层,也就是EmbedExtnToClsidMappings,然后按鼠标右键新建项,输入.png,然后点.PNG,双击默认值,在数值数据那粘贴“clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B”。
这是我上次成功的方法,这次不行了!
2.(原因:.png在系统中的文件损坏)
使用 开始->运行,输入 “regsvr32 c:\windows\system32\pngfilt.dll”
如果在注册时出现 “已加载 c:\windows\system32\pngfilt.dll,但没有找到DllRegisterSever 输入点。无法注册这个文件”,则表明这个文件可能损坏了,你要去别的机子去Copy一个好的过来覆盖。再进行一次注册。
3.(原因:我们伟大的Apple公司的QuickTime程序干扰了注册表)
开始->运行->regedit,启动注册表,找到HKEY_CLASSES_ROOT\MIME\Database\Content Type
将其中中文名的以及乱码的都删除即可如[视频/mp4]。
4.(原因:注册表信息错误!我这次就是这个问题,合并注册表后,下面的信息会自动覆盖掉有问题的信息)
将下面的内容存成.reg文件,然后右键->合并。
Windows Registry Editor Version 5.00
;PNG file association fix for Windows XP
;Created on May 17, 2007 by Ramesh Srinivasan
[HKEY_CLASSES_ROOT\.PNG]
“PerceivedType”=”image”
@=”pngfile”
“Content Type”=”image/png”
[HKEY_CLASSES_ROOT\.PNG\PersistentHandler]
@=”{098f2470-bae0-11cd-b579-08002b30bfeb}”
[HKEY_CLASSES_ROOT\pngfile]
@=”PNG Image”
“EditFlags”=dword:00010000
“FriendlyTypeName”=hex(2):40,00,25,00,53,00,79,00,73,00,74,00,65,00,6d,00,52,\