- 浏览: 39088 次
- 性别:
- 来自: 天津
-
最新评论
图片是插在网页中的:
<!--[if ie 6]>
<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;
}
}
}
window.attachEvent("onload", correctPNG);
</script>
<![endif]-->
若图片是背景:
#img a{
background:images/text.png;
_background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="aimages/text.png" ,sizingMethod="crop");
}
<!--[if ie 6]>
<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;
}
}
}
window.attachEvent("onload", correctPNG);
</script>
<![endif]-->
若图片是背景:
#img a{
background:images/text.png;
_background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="aimages/text.png" ,sizingMethod="crop");
}
发表评论
-
我的CSS框架-base.css
2015-04-13 10:19 571@charset "utf-8"; /*! ... -
HTML中自定义字体
2014-05-22 11:03 927@font-face { font-family:trebu ... -
兼容新处理要点
2013-09-16 13:59 602兼容性处理要点 1、DOCTYPE 影响 CSS 处理 ... -
css属性之display:inline-block
2013-01-06 11:14 833引用: 将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁 ... -
dl dt dd
2012-12-28 11:03 707dl:definition list dt:definitio ... -
内联元素加上浮动就变成了块级元素
2012-11-20 10:19 870内联元素加上浮动就变成了块级元素 -
三像素文本漫溢
2012-11-20 10:14 779三像素文本慢移:如果无名线框(包含内联内容的框)邻近某个浮动, ... -
网页背景从上到下的渐变
2012-10-31 16:30 918<body leftmargin="0&quo ... -
加入收藏
2012-10-31 16:23 995<Script Language="Jav ... -
HTML文件HEAD内部标记浅析
2012-10-31 16:15 745今天,使用各种所见即 ... -
半透明图层
2012-10-31 16:11 662<style type="text/css&q ... -
表格边框为1像素自定义颜色
2012-10-31 15:03 1226table{ border:1px solid #94919 ... -
爱恨原则
2012-07-12 09:06 908【经验】在CSS中定义a:link、a:visited、 ... -
兼容所有浏览器的圆角
2012-07-06 13:39 712<!DOCTYPE HTML> <html& ... -
css行内文本超出指定宽度溢出的处理
2012-03-28 14:53 1441一般文字截断: .text-overflow{ ... -
识别IE6的代码
2012-03-13 14:40 670将要在IE6里显示的内容和样式写在<!--[if lte ... -
理解绝对定位和相对定位
2012-03-13 11:10 568概要:本文主要描述XHTML中相对定位和绝对定位各自的本质、 ... -
Javascript中最常用的55个经典技巧
2012-03-08 16:53 6761. oncontextmenu="window. ... -
按钮鼠标悬停时手势
2012-03-08 16:11 1063<button name="submit&qu ... -
点此打印代码
2012-03-07 15:32 694<!DOCTYPE html PUBLIC " ...
相关推荐
PNG(Portable Network Graphics)是一种常见的图像格式,它支持24位真彩色以及Alpha通道透明度,但在IE6中,对于带有Alpha透明度的PNG-24图像,浏览器默认无法正确显示透明效果。这个问题导致了“IE6png透明JS”这...
在IE6中,PNG的Alpha透明(半透明效果)并不能完美地呈现,导致图像显示不正常。这个问题在后续的IE7和IE8中得到了部分改善,但仍然需要特别处理来确保在这些旧版浏览器中的兼容性。 首先,我们需要了解PNG图像的...
PNG是一种支持24位颜色和透明度的高质量图像格式,但在IE6中,其透明特性并未得到良好处理。这个问题在设计界尤为头疼,因为设计师们常常需要用到PNG的透明效果来创建复杂的网页布局和图形。 标题"IE6完美解决PNG...
4. **服务器端解决方案**:服务器端脚本如PHP、ASP等,可以将PNG24转换为PNG8,后者在IE6中可以正确显示透明。这种方法需要服务器端的支持。 5. **升级浏览器**:尽管这是最理想的解决方案,但现实情况下,用户可能...
因此,当你在IE6中使用PNG-24格式的图片时,透明部分会显示为完全不透明,即背景色或默认颜色。 为了解决这个问题,我们可以使用一种名为“PNGFix”的JavaScript库,如压缩包中的`js`文件可能就是这样一个解决方案...
PNG是一种先进的位图格式,提供了24位颜色和透明度支持,但在IE6中,PNG-24格式的透明效果会呈现为灰色背景,这给网页设计带来了困扰。以下是对这个问题的深入探讨和解决方案。 首先,理解问题的根源:IE6对PNG-24...
在IE6中,PNG图像格式的透明度支持并不完善,导致许多设计师在创建具有半透明或背景透明效果的网页时遇到困难。这篇博文和相关文件提供了针对这个问题的解决方案。 PNG是一种流行且广泛使用的图像格式,它支持24位...
描述中的"详情全在里面"提示我们,压缩包中可能包含了一个JavaScript文件,用于解决IE6下的PNG透明问题。这个文件可能使用了如下的技术: 5. **PNG透明修复脚本**:压缩包内的“IE6 PNG处理”脚本可能是一个...
PNG格式允许24位色彩的同时还提供了 Alpha 通道,可以实现半透明效果,但在IE6中,这种透明特性却无法正常显示,导致图片背景呈现出不透明的黑色或白色。以下是对这个问题的详细分析和解决方案: 首先,我们需要...
要解决IE6中的PNG透明问题,有几种常见的方法: 1. **CSS滤镜(Filter)**:IE6提供了一个名为`AlphaImageLoader`的滤镜,可以用来处理PNG的透明性。通过在CSS中添加如下代码,可以实现PNG图片的透明效果: ```css...
但在IE6中,PNG-8(8位色)的透明效果可以正常显示,而PNG-24(24位色,支持半透明)则会出现问题。 为了解决这个问题,有以下几种常见方法: 1. **CSS滤镜法**:这是最常用的解决方式,利用CSS中的`filter`属性,...
本文将深入探讨一种用于解决此问题的技术方案——通过JavaScript脚本实现PNG图片在IE6中的正确透明显示。 #### IE6与PNG透明性问题 PNG(Portable Network Graphics)是一种常用的图片格式,它不仅支持24位色彩,...
PNG是一种无损压缩的位图格式,提供了24位颜色和透明度的支持,但在IE6中,PNG-24格式的图片无法实现真正的透明效果,只有PNG-8格式部分支持,这对于追求高质量和设计感的网页开发者来说是个巨大的挑战。 "超好用的...
在现代浏览器中,PNG-24格式的图片可以完美展示透明效果,但在IE6中却出现了问题。 解决方案的核心在于使用JavaScript库或特定的CSS hack。其中,一种常见的解决方案是使用James Padolsey的JavaScript库,它通过...
在提供的文件中,"demo.htm"可能是演示如何在IE6中实现PNG透明通道的网页。这个文件可能包含了必要的HTML结构、CSS样式和JavaScript代码,以展示pngfix工具的工作原理。"复件 demo.htm"是该文件的副本,可能是为了...
PNG格式的图片支持透明度,但在IE6中,PNG-24格式的图片会出现背景透明效果失效的问题,而PNG-8格式则只能支持256色,限制了色彩表现力。这个问题让许多开发者头疼,但JavaScript提供了一些解决方案。 首先,我们...
PNG(Portable Network Graphics)是一种支持透明度的图像格式,但在IE6中,它无法正确显示带有alpha透明通道的PNG-24图像,导致图片出现半透明部分变成全黑或者背景颜色无法透过,这被称为“PNG透明问题”。...
在这个例子中,`div_bg.png`是具有透明效果的PNG图片,通过滤镜在IE6中实现透明效果。 另一种方法是使用JavaScript库,如PNGFix或DD_belatedPNG,这些库通过JavaScript代码自动处理页面上的PNG图片,使其在IE6中...
而PNG-24则可以显示更多的颜色并具有Alpha通道,能够实现不同程度的透明,但在IE6中默认是不透明的。 解决这个问题的一个常见方法是使用CSS滤镜。IE6特有的CSS滤镜属性可以用来模拟PNG-24的Alpha透明。例如,我们...
PNG图像格式在Internet Explorer 6 (IE6)中存在兼容性问题,主要表现为半透明(Alpha)PNG图像显示不正常,出现灰色背景或边框,这严重影响了网页设计的美观和用户体验。为了解决这个问题,开发者通常会利用...