android去掉png图片灰色背景,JS解决PNG图片灰色背景问题

PNG图片用来制作漂亮的网页背景很实用，此方法也是比较简单的，会让网页增色不少。不过，万恶的IE似乎暗中做对，当你使用PNG图片的时候，IE会自动为PNG图片增加一个灰色背景，这真的好让人烦，那么有没有办法不让IE自作聪明？当然是有的，下边的JS代码就是帮助PNG图片在IE实现纯透明的，效果不错：

functioncorrectPNG()

{

for(vari=0;i

{

varimg=document.images[i]

varimgName=img.src.toUpperCase()

if(imgName.substring(imgName.length-3,imgName.length)=="PNG")

{

varimgID=(img.id)?"id='" img.id "'":""

varimgClass=(img.className)?"class='" img.className "'":""

varimgTitle=(img.title)?"title='" img.title "'":"title='" img.alt "'"

varimgStyle="display:inline-block;" img.style.cssText

if(img.align=="left")imgStyle="float:left;" imgStyle

if(img.align=="right")imgStyle="float:right;" imgStyle

if(img.parentElement.href)imgStyle="cursor:hand;" imgStyle

varstrNewHTML="

"style=\"" "width:" img.width "px;height:" img.height "px;" imgStyle ";"

"filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"

"(src=\'" img.src "\',sizingMethod='scale');\">

img.outerHTML=strNewHTML

i=i-1

}

window.attachEvent("onload",correctPNG);

把以上代码加入到需要使用PNG作为背景图片的网页的

区域内。也可以在使用PNG图像的地方直接调用，如下方法：

android去掉png图片灰色背景,JS解决PNG图片灰色背景问题相关推荐

css和js实现3d图片,JavaScript_纯JS实现旋转图片3D展示效果，CSS:style type=text/cssgt - phpStudy...
纯JS实现旋转图片3D展示效果 CSS: #show{position:relative;margin:20px auto;width:800px;} .item{position:absolute; ...
html js 3d图片轮播,js实现3D图片逐张轮播幻灯片特效代码分享
本文实例讲述了javascript实现3D图片逐张轮播幻灯片特效.分享给大家供大家参考.具体如下: 这是一款基于javascript实现3D图片逐张轮播幻灯片特效代码,实现过程很简单. 运行效果图:- ...
5.NDK Android jni开发异常处理 native奔溃解决(相机图片美化)
http://www.droidsec.cn/常见android-native崩溃及错误原因/ https://blog.csdn.net/ddxxii/article/details/8478111 ...
blob 图片_前端JS实现字符串/图片/excel文件下载
编者按:本文转载自SF专栏,由作者赵帅强授权奇舞周刊转载在web开发中,如果你想让用户下载或者导出一个文件,应该怎么做呢? 传统的做法是在后端存储或者即时生成一个文件来提供下载功能,这样的优势是 ...
【Typora 图片居中】彻底解决Typora图片无法居中的问题
▚ 01 问题描述
android 置灰不可点击,Android Studio 运行按钮灰色的完美解决方法
Android Studio 运行按钮灰色的完美解决方法今天新建项目的时候突然发现编译后运行按钮为灰色. 解决方案:第一步:点击图中的Add Configuration,出来如下界面第二步:点+号 ...
巧妙的有css合并图片解决tab切换的背景图片
巧妙的有css合并图片解决tab切换的背景图片有时候做tab切换的时候会碰到下面的这种情况我截个图过来看看 tab切换打开页面时候茶庄介绍及鼠标移上去时候是上面这样的效果当鼠标移下 ...
[转]解决IE下CSS背景图片闪烁的Bug
[转]解决IE下CSS背景图片闪烁的Bug <P> 很多时候我们要给一些按钮或是img设置背景,而为了达到数据与表现样式分离的效果,通常背景样式都是在CSS里设定的,但是这个 ...
html背景透明图片不透明,css中背景透明的图片不透明怎么解决
css中背景透明的图片不透明怎么解决一.使用滤镜解决img { background: transparent; -ms-filter: "progid:DXImageTransform. ...

android去掉png图片灰色背景,JS解决PNG图片灰色背景问题

android去掉png图片灰色背景,JS解决PNG图片灰色背景问题相关推荐

最新文章

热门文章