在ie7、8,Firefox下正常显示
可是为什么在ie6下这样显示?请各位指教1、2。。
可是为什么在ie6下这样显示?请各位指教1、2。。
解决方案 »
- 这个域名是怎么搞的? 明明是百度的域名 打开的却是别的网站?
- jquery如何获取select框的值
- 安装vs2008后,还需要装.netframework3.5吗?为什么在控制面板中看不见.netframework3.5?
- 存储过程里能不能用top 请看
- textbox_textchanged如何读取修改后的内容?
- GridView 动态绑定数据后,分页失败的问题!
- 请问能在DataTable中新增一行,然后按一按纽再新增一行,并使绑定的datagrid显示两行?
- 使用iis虚拟smtp服务器发送邮件的例子, 信件发不出去
- 我在asp.net中用sqldmo为什么老是报错啊,请用过的指教
- 求助,同样的代码,在另一台机器上用不了!
- 求救:获取Response.Write输出控件的值
- js 高手们,帮忙看下面的一段代码
你的两张图片看起来差不多
要是透明的问题,网上解决办法很多
<body>
<div>
<img src="Images/Menu_Service.png"/>
</div>
</body>
没设css样式
{
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
}
}
}
window.attachEvent("onload", correctPNG);
<!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>
<title>无标题文档</title> <script src="MSIE.PNG.js" type="text/javascript"></script>
</head><body>
<div>
<img src="Images/Menu_Service.png" alt='' />
<img src="Images/Logo2.gif" alt=''/>
</div>
</body>
</html>我现在html是这样,其中MSIE.PNG.js里面的内容就是7楼的代码,可是还是没达到效果咕~~(╯﹏╰)b
呵呵,我也想过,但是gif图像的效果远不如png呃:)
网上找不到得话给个email
我传给你
其实也就几张png图片,用flash会不会太小题大做了 :)
[email protected] 我邮箱,谢谢这位仁兄~~
去网上找jquery.pngFix.js引用
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery.pngFix.js"></script>然后调用如下代码
<script type="javascript">
$(document).ready(function(){
$(document).pngFix();
});
</script>在IE6,7,8,FF下面都正常显示PNG图片
收到了你的邮件,两种方法都试了下,第一种之JS法可行,第二种之滤镜法问题依旧,
不过第一种JS法虽然可行,但JS的代码完全看不懂,呵呵,不过还是非常感谢!!
其他格式图像的效果不如PNG
或者改成低效果的gif
这个是用来处理png在ie6下面的
$(document).ready(function(){
$('div.examples').pngFix( );
});
可以上网上down这个js的
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
var imgAttribs = img.attributes;
for (var j=0; j<imgAttribs.length; j++)
{
var imgAttrib = imgAttribs[j];
if (imgAttrib.nodeName == "align")
{
if (imgAttrib.nodeValue == "left") imgStyle = "float:left;" + imgStyle
if (imgAttrib.nodeValue == "right") imgStyle = "float:right;" + imgStyle
break
}
}
var strNewHTML = "<span " + imgID + imgClass + imgTitle
strNewHTML += " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
strNewHTML += "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
strNewHTML += "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
img.outerHTML = strNewHTML
i = i-1
}
}
}
window.attachEvent("onload", correctPNG);
我下的pngFix就是这个,可是都不行。。