★→ASP程序学习群:62655404 微信公众号开发

订阅本栏目 RSS您所在的位置：深山工作室 > DIV+CSS学习 > 正文

利用javascript让PNG透明图片支持支持(IE6、IE7、firefox下测试通过)

网络　2008/6/23 12:38:30　深山行者　字体：大中小　浏览 4984　我要评论

当前标签: png 透明

利用javascript让PNG透明图片支持支持(IE6、IE7、firefox下测试通过)

以下为详细代码

<script>
function correctPNG()
{
for(var i=0; i<document.images.length; i++)
{
var img = document.images[i]
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
{
var imgID = (img.id) ? "id=’" + img.id + "’ " : ""
var imgClass = (img.className) ? "class=’" + img.className + "’ " : ""
var imgTitle = (img.title) ? "title=’" + img.title + "’ " : "title=’" + img.alt + "’ "
var imgStyle = "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
var strNewHTML = "<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
};
};
};
if(navigator.userAgent.indexOf("MSIE")>-1)
{
window.attachEvent("onload", correctPNG);
};
</script>
<style>
body {background-color:#000;}
</style>
<FONT color=#ffffff>这样的话,只是网页中的所有PNG格式的图片,就会透明了</FONT>
<img src="/UploadFiles/demo/001.png" />

前一页：一个超级变态的DIV+CSS

后一页：一个非常适和div+css初学者看的例子,看完之后,相信你的DIV+CSS技术一定会上一个层次

相关阅读: ( 2018/4/15 16:01:30 )利用CSS实现半透明效果兼容IE与火狐与chrome等浏览器; ( 2018/3/16 17:00:02 )利用aspJpeg组件生成多图片水印组合时给加上透明水印图片; ( 2012/4/22 15:07:26 )png显示叉号的解决办法(IE无法显示PNG格式图片的解决办法); ( 2011/8/23 8:29:20 )旅游网站的企业站自定义功能完成。; ( 2010/9/3 11:45:22 )利用ASP正则提取文章里面的图片的有效的src地址; ( 2010/7/12 17:10:25 )IE6不支持png24的解决办法(png24做为css的背景); ( 2010/7/7 14:30:14 )2010滚动条样式大全最新收集; ( 2010/4/29 22:41:32 )利用position把div放在flash上

共有0条关于《利用javascript让PNG透明图片支持支持(IE6、IE7、firefox下测试通过)》的评论: 发表评论

正在加载评论……

返回顶部发表评论

呢称：
表情：
内容：	评论内容：不能超过 1000 字，需审核，请自觉遵守互联网相关政策法规。
验证码：

深山工作室网友评论声明，请自觉遵守互联网相关政策法规。

您发布的评论即表示同意遵守以下条款：
一、不得利用本站危害国家安全、泄露国家秘密，不得侵犯国家、社会、集体和公民的合法权益；
二、不得发布国家法律、法规明令禁止的内容；互相尊重，对自己在本站的言论和行为负责；
三、本站对您所发布内容拥有处置权。

更多信息>>栏目类别选择: rss学习; 个人空间; 网站设计; 网站公告; 下载; photoshop学习; ASP学习; DIV+CSS学习; SEO搜索引擎忧化; java学习; HTML学习; 网站信息; 网站类信息

更多>>同类信息: 利用CSS实现半透明效果兼容IE与火狐与chrome等浏览器; 在table中tr的display:block在firefox下显示布局错乱问题; 在未知图片的宽度与高度时利用div+css将图片居中; 用css做的英文首字母大写和英文全都大写通过各个浏览器; css优先级的例子; 让DIV固定在浏览器窗口的底部（兼容IE6）; MarkMan 马克鳗，让设计更有爱 (超级给力的页面标注工具); IE8 CSS HACK 兼容

更多>>最新添加文章: sql server中前缀为PK、UK、DF、CK、FK表的意思; 网站从http改成https(ssl证书)后设置301跳转将http跳转到https的方法; ASP利用fso读取文件夹里所有文件的名字; jquery动态生成的html代码中无法使用jquery事件的解决方法; asp实现获得当前文章的上一篇信息与下一篇信息功能及代码; asp导出内容到excel表并自定义命名后下载（非打开）; '禁止站外提交页面和数据; asp将中文汉字字符转为unicode编码(\u编码)与把unicode编码转为汉字

更多>>随机抽取信息: ASP.NET 2.0跨网页提交的三法; 深山行者留言系统V2.2 .1 更新下载; ASP利用fso读取文件夹里所有文件的名字; asp利用dateadd获得上个月、本月、下个月的第一天和最后一天; 一个运行HTML文件的代码; 在图片未知尺寸情况下，利用CSS把图片垂直居中于div中心; 关于SQL2008 “不允许保存更改。您所做的更改要求删除并重新创建以下表。您对无法重新创建的标进行了更改或者启用了‘阻止保存要求重新创建表的更改’” 解决方案; CSS中的单位一览包括宽度尺寸单位颜色单位角度单位

关于深山 | 业务范围 | 联系我们 | 网站地图

免责声明：本站所有资料信息，有部分为本人原创，部分为从网络收集而来，仅供网友查看阅读所用，所有信息版权归信息所有人或所有公司所有
如果信息内容侵犯到您的版权或权益请与我们联系，经确认后我们会立即移除相关内容或链接
Copyright © 2007-2019 https://www.qwbm.com 深山工作室 All Rights Reserved
如果您对我们的服务有任何意见或建议，请惠赐E-mail至:565449214@qq.com
服务QQ：565449214 手机：13961347334
ICP备案：苏ICP备15019627号

苏公网安备 32070502010230号