- 浏览: 271039 次
- 性别:
- 来自: 上海
文章分类
- 全部博客 (133)
- GWT (7)
- IT生活 (9)
- JAVA综合 (38)
- Servlet (5)
- vaadin (2)
- About Eclipse (2)
- StarUML (1)
- Spring (7)
- ibatis (3)
- web (35)
- ExtJs (2)
- Quartz (13)
- Struts (1)
- 学习XML (6)
- io流 (2)
- web应用之压缩 (3)
- Spring MVC (0)
- Velocity (5)
- 静态代码分析工具 (2)
- 观点 (1)
- JUnit (3)
- jQuery (4)
- mysql (2)
- javascript (16)
- linux (4)
- pattern (1)
- java加密技术 (2)
最新评论
-
tan4836128:
确实不行,我的1.8.5,降到1.6.2也不行,楼主的情况很局 ...
Spring调用Quartz定时任务报Couldn't store trigger异常 -
alfusen_xiong:
有没有自动注入的方法可以取代executeInternal() ...
Quartz任务中调用Spring容器中bean及动态调度任务 -
luoxiang183:
换了也不行啊
Spring调用Quartz定时任务报Couldn't store trigger异常 -
liubey:
首先谢谢LZ的文章,其实我想问个问题,既然有心做成工具类,就最 ...
对象和map转换 -
小林夕:
几年前用还行,现在做UML一般都开始使用在线作图工具了,可以了 ...
StarUML简介
第 1 种方法:定义一个样式,给某个div应用这个样式后,div的透明png背景图片自动透明了。(注意两处图片的路径写法不一样,本例中,icon_home.png图片与html文件在相同目录)
第 2 种方法: 给img定义样式,页面上所有透明png即自动透明了。(这方法只对直接插入的图片有效,对背景图无效)注意,要准备一个透明的小图片transparent.gif,大小不限。必须放在和html相同的目录
请勿大量使用,否则会导致页面打开很慢!!!)
换成你的png图片
第 3 种方法:用JS实现,加上一段js代码后,所有插入的透明png自动透明了.(注意,这方法也是只对直接插入的图片有效,对背景图无效)
把图片换成你自己的图片
方法四
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <style type="text/css"> <!-- .qq { height: 90px; width: 90px; background-image: url(icon_home.png)!important;/* FF IE7 */ background-repeat: no-repeat; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon_home.png'); /* IE6 */ _ background-image: none; /* IE6 */ } --> </style> </head> <body> <div class="qq"></div> </body> </html>
第 2 种方法: 给img定义样式,页面上所有透明png即自动透明了。(这方法只对直接插入的图片有效,对背景图无效)注意,要准备一个透明的小图片transparent.gif,大小不限。必须放在和html相同的目录
请勿大量使用,否则会导致页面打开很慢!!!)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <style type="text/css"> .mypng img { azimuth: expression( this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", this.runtimeStyle.backgroundImage = "none")),this.pngSet=true); } </style> </head> <body>
换成你的png图片
<div class="mypng"> <img src="icon_face_07.png" width="30" height="30" /> <img src="icon_face_10.png" width="30" height="30" /> <img src="icon_face_08.png" width="30" height="30" /> </div> </body> </html>
第 3 种方法:用JS实现,加上一段js代码后,所有插入的透明png自动透明了.(注意,这方法也是只对直接插入的图片有效,对背景图无效)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <script language="JavaScript"> function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6. { var arVersion = navigator.appVersion.split("MSIE") var version = parseFloat(arVersion[1]) if ((version >= 5.5) && (version < 7) && (document.body.filters)) { for(var j=0; j<document.images.length; j++) { var img = document.images[j] 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 j = j-1 } } } } window.attachEvent("onload", correctPNG); </script> <style type="text/css"> <!-- body { background-color: #9999CC; } --> </style></head> <body>
把图片换成你自己的图片
<img src="img/icon_face_03.png" width="30" height="30" /><!--把图片换成你自己的图片 --> <img src="img/icon_face_05.png" width="30" height="30" /> <img src="img/menu_title_over.png" width="130" height="36" /> </body> </html>
方法四
<script language="javascript"> // 修复 IE 下 PNG 图片不能透明显示的问题 function fixPNG(myImage) { var arVersion = navigator.appVersion.split("MSIE"); var version = parseFloat(arVersion[1]); if ((version >= 5.5) && (version < 7) && (document.body.filters)) { var imgID = (myImage.id) ? "id='" + myImage.id + "' " : ""; var imgClass = (myImage.className) ? "class='" + myImage.className + "' " : ""; var imgTitle = (myImage.title) ? "title='" + myImage.title + "' " : "title='" + myImage.alt + "' "; var imgStyle = "display:inline-block;" + myImage.style.cssText; var strNewHTML = "<span " + imgID + imgClass + imgTitle + " style=\"" + "width:" + myImage.width + "px; height:" + myImage.height + "px;" + imgStyle + ";" + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader" + "(src=\'" + myImage.src + "\', sizingMethod='scale');\"></span>"; myImage.outerHTML = strNewHTML; } } window.onload=function(){ document.getElementById("top").style.height=screen.height/5+"px"; }// </script> 用法如下: <img src="logo.png" width="328" height="325" border="0" onload="fixPNG(this)" />
发表评论
-
js 实现map存取值及遍历(借鉴及添加)
2011-11-02 17:22 7134基本功能借鉴别人例子,自己添加遍历map functio ... -
表格中文本自动换行
2011-11-01 14:22 1126IE中解决方法如下: word-wrap:break-wor ... -
常见的几种禁止修改输入框
2011-10-25 18:44 2486<INPUT TYPE = text STYLE = & ... -
(转)javascript 格式化金额
2011-10-19 16:35 1392//Javascript 格式化金额 //格式化: var ... -
velocity 字符串与数字转换
2011-10-19 14:19 3346#set($Integer = 0) $Integer.par ... -
onchange、onpropertychange和oninput事件
2011-09-30 13:55 20281、onchange事件与onpropertychange事件 ... -
jquery设置div位置
2011-09-28 14:02 3914var p = $("p:first"); ... -
按钮常用样式
2011-09-27 17:01 1255按钮常用样式 CSS样式 .btnNormal { ... -
jQuery获取单选框和多选框的值
2011-09-26 17:52 3979单选框: <label><input ty ... -
JavaScript 字符串转换数字
2011-09-26 17:51 896方法主要有三种 转换函数、强制类型转换、利用js变量弱类型转 ... -
js String方法
2011-08-25 11:09 1032javascript中字符串的方法: • concat() ... -
javascript 用var和不用var声明的变量区别
2011-08-25 09:47 1284加var的变量 就要看声明在哪个位置,如果没有在任何方法里面, ... -
js中undefined,null,NaN的区别
2011-08-25 09:45 9531.类型分析: js中的数据类型有undefined,boo ... -
a href=#与 a href=javascript:void(0) 的区别 打开新窗口链接的几种办法
2011-08-24 13:48 1046#包含了一个位置信息 默认的锚点是#top 也就是网页的上端 ... -
Spring DI(依赖注入) IOC(控制反转) AOP(面向切面编程)
2011-08-22 09:43 2059spring 的优点? 1.降低了 ... -
js中escape,encodeURI,encodeURIComponent (转)
2011-08-18 14:55 1127js对文字进行编码涉及3 ... -
Ext renderer参数详解
2011-08-18 13:44 1310renderer: function (value, cell ... -
$F()的使用
2011-08-17 17:27 920$F()是一个能够简化编码量的函数, 对于字段输入控件有效,包 ... -
javascript中暂停功能
2011-08-17 13:09 1056<script language="javas ... -
jQuery语法总结(转)
2011-08-15 10:05 8111、关于页面元素的引用 ...
相关推荐
解决IE6下PNG图片背景色不透明问题的方法
js_IE6支持png透明解决png_ie6下不透明背景图片
解决IE6下PNG不透明的JS代码,只用加到网页里面,就可以,很简单
jquery处理IE6.0中png图片不透明问题+例子,无论是背景图片还是img标签都可以处理,
jquery解决png不透明 jquery解决ie6 png不透明
PNG图片在FF下是透明,但IE6下北京会变成蓝色的,有效解决PNG图片在IE6下背景不透明的问题
解决IE6下png图像不透明的简便方案,易于理解
NULL 博文链接:https://onestopweb.iteye.com/blog/2208278
NULL 博文链接:https://free0007.iteye.com/blog/1852409
下载请查看说明文档,能用 绝骗人。解决png格式的图片在IE6下不透明
js修复IE不能显示PNG图片透明背景的方法、解决浏览器不兼容的问题
包含了ie6下各种png图片透明的例子:用滤镜方法解决ie6下不透明问题,用pngfix js 的方法解决ie图片不透明,ie6 png透明 htc文件的方法
MS IE6下png图像不透明解决办法。
IE6中,png图片不透明解决方案,保证有效,声明:使用ietester测试可能没有效果,请使用真正的ie6
ie6下png图片问题,背景不透明,直接引用里面的js文件就可以,不过只对img标签管用
IE6下png透明处理脚本(js),包含了三种方式实现IE6下png不透明的问题,经实测通过。
IE6中 PNG 背景透明的最佳解决方案 兼容IE6和Firefox的PNG背景透明CSS代码 IE6下png背景不透明问题的综合拓展
一个javascript代码。如果你的网页中有用到png格式的透明图片,在IE中可能出现不能透明的情况。 在网页代码中加入引用这个脚本就可以解决了。 调用方法:<script src="pngfix.js"></script>
第一种:复制进去就能使ie6 png透明 第二种:IE6下PNG背景透明的解决办法
我们时常在使用png图片的时候,在ie6下发生背景不透明的问题,解决的方法实在是太多了,下面给大家介绍下一个js解决的方式,感兴趣的朋友可以了解下的