JS解决PNG图片灰色背景问题
PNG图片用来制作漂亮的网页背景很实用,此方法也是比较简单的,会让网页增色不少。不过,万恶的IE似乎暗中做对,当你使用PNG图片的时候,IE会自动为PNG图片增加一个灰色背景,这真的好让人烦,那么有没有办法不让IE自作聪明?当然是有的,下边的JS代码就是帮助PNG图片在IE实现纯透明的,效果不错:
<scriptlanguage="javascript"> functioncorrectPNG() { for(vari=0;i<document.images.length;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="<span" imgID imgClass imgTitle "style=\"" "width:" img.width "px;height:" img.height "px;" imgStyle ";" "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader" "(src=\'" img.src "\',sizingMethod='scale');\"></span>" img.outerHTML=strNewHTML i=i-1 } } } window.attachEvent("onload",correctPNG); </script>
把以上代码加入到需要使用PNG作为背景图片的网页的<head></head>区域内。也可以在使用PNG图像的地方直接调用,如下方法:
<span style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='test.png',sizingMethod='scale');"></span>
一、推荐使用迅雷或快车等多线程下载软件下载本站资源。
二、未登录会员无法下载,登录后可获得更多便利功能,若未注册,请先注册。
三、如果服务器暂不能下载请稍后重试!总是不能下载,请点我报错 ,谢谢合作!
四、本站大部分资源是网上搜集或私下交流学习之用,任何涉及商业盈利目的均不得使用,否则产生的一切后果将由您自己承担!本站将不对任何资源负法律责任.如果您发现本站有部分资源侵害了您的权益,请速与我们联系,我们将尽快处理.
五、如有其他问题,请加网站设计交流群(点击这里查看交流群 )进行交流。
六、如需转载本站资源,请注明转载来自并附带链接
七、本站部分资源为加密压缩文件,统一解压密码为:www.aizhanzhe.com
大家评论
站长推荐
点击排行
- 1CSS控制文字在Div最底部显示
- 2Thinkphp5如何配置IP+端口访问项目模块
- 3elementUI el-dialog弹框居中
- 4教你如何搭建及优化站点
- 5国内互联网视频行业运营分析
- 6service mysql start出错,mysql不能启动,解决mysql: unrecognized service错误
- 7CSS实现悬浮顶部的Div工具栏
- 8记一次Thinkphp5.1框架mysql数据库崩溃(SQLSTATE [08004] Too many connections)
- 9连接SQL Server数据库提示:Login failed for user 'sa'错误的解决方案
- 10Thinkphp3.2在centos7上设置计划任务的方法