HTML怎么显示不出PNG图片

html png无法显示,请教什么问题~

你的背景图片宽度高度应该设置一个固定值。而不要使用100%。就可以显示了。

PNG图片色彩丰富而深受很多UI设计者的喜爱，但是在IE下对PNG图片支持得并不是很好，但是在Firefox和Opera浏览器下却是不错的。尤其是IE6下，根本显示不出来PNG透明和半透明的特性来，IE7现在已经支持了。
1、使用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) && (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');\">"
img.outerHTML = strNewHTML
j = j-1
}
}
}
}
window.attachEvent("onload", correctPNG);

2、使用CSS滤镜
因为firefox等浏览器是不支持滤镜的，所以写起来会比较复杂。
#div1 {
height: 600px;
width: 260px;
padding: 20px;
background-repeat: repeat;
}

/* for ie7 ff*/
html>body #div1 {
background:url(../images/menu1.png) no-repeat;
}
/* for ie6 */
* #div1 {
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/menu1.png', sizingMethod='crop');
}
需要注意的是：AlphaImageLoader滤镜会导致该区域的链接和按钮无效，解决的办法是为链接或按钮添加：position: relative;这样条代码，使其相对浮动。AlphaImageLoader无法设置背景的重复，所以对图片的切图精度会有很高的精确度要求。
3、使用CSS滤镜和hack
html>body .png { background:url(1.png); width:300px; height:100px; border:#000 solid 1px;}

/* ie6 */* html .png { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='1.png'); background:none; width:300px; height:100px; border:#000 solid 1px;}

HTML显示不出PNG图片，是设置错误造成的，解决方法如下：

1、首先在电脑中，找到并打开AveDesktopSites软件。

2、软件打开后，找到要显示到电脑桌面html网页或htm文件。下面是要显示html网页或htm文件的存放路径。

3、接着设置一下电脑桌面html网页，或htm文件需要显示的大小（长、宽、高、位置）。

4、此处”+、-“符号代表添加或删除路径，如图。

5、最后在桌面”双击“打开”灯泡“图标软件，html网页或htm文件，即可自动显示出来。

我记得支持PNG格式。是不是你那PNG图片是透明的啊。。。你在想要显示图片的位置点下右键，看看有没有图片路径，有的话就说明确实显示了，不过是透明的而已，要是没有你就把你那图片名称里的“,”去掉试试。PNG格式的图片我一般都是给图片打水印的时候用。但是貌似能显示在网页上。至于你说的那个2维数组
<script>
function showpic(){
for(i=0;i<6;i++){
for(j=0;j<6;j++){
document.write("<img src='"+i+","+j+".png'>");
document.write("<br>");
}
}
}
</script>
这样你试试。。我没测试过，随手写的。。

我记得支持PNG格式。是不是你那PNG图片是透明的啊。。。你在想要显示图片的位置点下右键，看看有没有图片路径，有的话就说明确实显示了，不过是透明的而已，要是没有你就把你那图片名称里的“,”去掉试试。PNG格式的图片我一般都是给图片打水印的时候用。但是貌似能显示在网页上。至于你说的那个2维数组
<script>
function
showpic(){
for(i=0;i<6;i++){
for(j=0;j<6;j++){
document.write("<img
src='"+i+","+j+".png'>");
document.write("<br>");
}
}
}
</script>
这样你试试。。我没测试过，随手写的。。

我可以很权威的告诉你：只支持JPG JPEG 还有一种忘记了，只支持很少部分的常用图片格式！你说的那种不支持！

把图片文件名改一下

---

西沙群岛13538038887： HTML怎么显示不出PNG图片 - ？
宣罚复方： HTML显示不出PNG图片,是设置错误造成的,解决方法如下: 1、首先在电脑中,找到并打开AveDesktopSites软件. 2、软件打开后,找到要显示到电脑桌面html网页或htm文件.下面是要显示html网页或htm文件的存放路径. 3、接着设置一下电脑桌面html网页,或htm文件需要显示的大小(长、宽、高、位置). 4、此处”+、-“符号代表添加或删除路径,如图. 5、最后在桌面”双击“打开”灯泡“图标软件,html网页或htm文件,即可自动显示出来.

西沙群岛13538038887： html png无法显示,请教什么问题 - ？
宣罚复方： 你的背景图片宽度高度应该设置一个固定值.而不要使用100%.就可以显示了.

西沙群岛13538038887： 网页上PNG格式图片不显示 - ？
宣罚复方： 1、 使用 开始->运行,在运行输入框中输入 “regsvr32 c:windowssystem32pngfilt.dll”(然后点击确定) 或者运行regsvr32 c:windows＂ class=＂t_tag＂>windowssystem32pngfilt.dll .注意,这个pngfilt.dll在有的系统中是在 c:windowssystem中...

西沙群岛13538038887： 网页上无法显示png格式图片怎么解决呀 - ？
宣罚复方： 右击你的PNG格式的图片,选择打开方式,选种一个看图软件打开就行了,如果要一直采用这个看图软件打开的话,就把那前面的小勾打上就OK了,下次再看png格式的图片,就可以直接双击打开了

西沙群岛13538038887： 网页上PNG 格式的图片显示不出来？
宣罚复方： 开始->运行,在运行输入框中输入 regsvr32 c:\windows\system32\pngfilt.dll ,然后点击确定,如果出现“已加载c:\windows\system32\pngfilt.dll,但没有找到DllRegisterSever 输入点,无法注册这个文件”,则表明这个文件可能损坏了,你要去别...

西沙群岛13538038887： 为什么我的网页上带PNG格式的都显示不出来了 - ？
宣罚复方： 可能是服务器上的图片删除了吧 也可能是你系统有问题 换个网站看看

西沙群岛13538038887： html背景图片显示不出来 - ？
宣罚复方： 最好用相对路径,不行在看看是不是图片格式的问题 会不会是1.jpg或1.png

西沙群岛13538038887： 我的电脑打开网页不显示png格式的图片怎么办 - ？
宣罚复方： 解决ie不显示png的方法就是 方法一: 1、打开注册表,依次 HKEY_CLASSES_ROOT\\MIME\\Database\\Content Type\\image/png 2、找到Extension键名,将数值数据

西沙群岛13538038887： 网页中png显示不出如何修复？
宣罚复方： 在ie中选择对象--〉internet选项--〉高等--〉多媒体 勾选显示图片 还可以设置其他的选项

西沙群岛13538038887： 制作html插入图片后为什么无法显示 - ？
宣罚复方： 1,图片大小问题,图片不可以太大. 2,图片类型问题,图片必须是rgb模式,其他模式则在html中显示不出来