#pics{
background:url("images/phone.png") no-repeat scroll 0 0 #335EA8;
width:500px;
height:500px;
/*以下为IE6设置PNG透明代码*/
_background:none;
_background-color:#335EA8;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/phone.png");
}
兼容各浏览器
缺点是:不支持background-pisition 不支持缩放 目录必须相对于html 或者绝对路径
1.PNG32是带有alpha通道半透明效果图片
2.gif只支持像素全透明或者不透明
3.IE6不支持PNG32图片会有灰底,但支持PNG-8。
4.PNG-8的作用和GIF一样,但大小比GIF要优化。
5.滤镜可以解决IE6不支持PNG32的情况,但要注意路径问题,不支持background-position
6.JS解决问题有两种 1还是滤镜,遍历下图片加上滤镜。2.类似DD_PNG,是用VML解决问题,可支持background-position
分享到:
相关推荐
在互联网早期,Internet Explorer 6(简称IE6)是广泛使用的浏览器,但它存在许多兼容性问题,其中之一就是对PNG(Portable Network Graphics)图像格式的透明背景支持不足。PNG是一种先进的位图格式,提供了24位...
在互联网早期,IE6(Internet Explorer 6)是广泛使用的浏览器,但它存在许多与现代Web标准不兼容的问题,其中之一就是对PNG(Portable Network Graphics)图像格式的透明支持问题。PNG是一种高质量、无损的图像格式...
在这个例子中,`.transparent-bg` 类的元素将拥有一个透明背景的PNG图像。`behavior: url('dd_belatedPNG.js');` 是关键CSS属性,它告诉IE6使用JavaScript库来处理PNG透明度。 总结起来,"IE6完美解决PNG背景透明...
因此,当你在IE6中使用PNG-24格式的图片时,透明部分会显示为完全不透明,即背景色或默认颜色。 为了解决这个问题,我们可以使用一种名为“PNGFix”的JavaScript库,如压缩包中的`js`文件可能就是这样一个解决方案...
这导致在设计网页时,尤其是在需要透明背景或者半透明效果的场合,IE6用户无法看到预期的效果。 为了解决这个问题,开发者们提出了几种策略: 1. **CSS滤镜(CSS Filter)**:IE6特有的CSS滤镜属性可以用来模拟PNG...
2. **IE6的PNG透明问题**:IE6不支持PNG24的阿尔法透明,导致图片背景显示为黑色或不透明。对于PNG8,只有256色以下的颜色和单色透明可以正常显示,复杂的透明效果无法实现。 3. **JavaScript解决方案**:为了克服...
这导致了开发者在设计网页时遇到困扰,特别是在需要透明背景或半透明效果时。 要解决IE6中的PNG透明问题,有几种常见的方法: 1. **CSS滤镜(Filter)**:IE6提供了一个名为`AlphaImageLoader`的滤镜,可以用来...
6. **服务器端解决方案**:在服务器端,如PHP、ASP.NET等,可以使用代码动态转换PNG为带有透明背景的IE可识别的GIF或JPEG。 在实际应用中,通常会结合使用以上方法,根据项目需求和浏览器兼容性要求选择最合适的...
PNG格式允许24位色彩的同时还提供了 Alpha 通道,可以实现半透明效果,但在IE6中,这种透明特性却无法正常显示,导致图片背景呈现出不透明的黑色或白色。以下是对这个问题的详细分析和解决方案: 首先,我们需要...
PNG图片透明兼容性问题在早期的网页设计中是一个常见的挑战,特别是对于Internet Explorer 6 (IE6) 和Firefox等浏览器。PNG(Portable Network Graphics)格式支持24位颜色以及一个额外的透明通道,使得图像可以实现...
iepng 是一个JS文件,只需要将这个文件引入到你的页面里,将存放透明背景图片的DOM对象放到这个JS文件的指定地方即可兼容IE6背景透明,真的很好用,而且很强大
PNG图像格式在Internet Explorer 6 (IE6)中存在兼容性问题,主要表现为半透明(Alpha)PNG图像显示不正常,出现灰色背景或边框,这严重影响了网页设计的美观和用户体验。为了解决这个问题,开发者通常会利用...
在其他现代浏览器中,这两种格式都能良好地展示,但IE6对PNG-24的支持不足,导致图片的透明部分呈现出不透明或颜色错误,这对于需要背景透明或者半透明效果的设计来说是个大问题。 解决IE6的PNG BUG有多种方法,...
2. PNG24格式的图片,IE6会完全忽略Alpha透明通道,导致图片背景显示为黑色或者上一层元素的颜色。 解决这个问题的方法多种多样,以下是一些常见的技术手段: 1. **CSS滤镜法**:利用CSS滤镜(filter)属性,如`...
这使得在IE6下使用带有复杂透明效果的PNG图片时,会出现背景显示不全或者黑色块的问题。 为了解决这个问题,我们可以采取以下策略: 1. **CSS Hack**:通过特定的CSS选择器或者属性值来针对IE6进行特殊处理。例如...
在早期的网页设计中,IE6(Internet Explorer 6)浏览器对PNG图像格式的透明支持是有限的,尤其是对于PNG-24格式的图像,它只支持简单的索引颜色透明,而对于真彩色的PNG图像则无法实现透明效果。这给网页设计师带来...
### IE6兼容PNG24图片解决方案 #### 背景介绍 在早期的Web开发过程中,Internet Explorer 6(简称IE6)因其市场份额庞大而备受关注。然而,IE6存在诸多兼容性问题,其中最令人头疼的问题之一就是对PNG24格式图片的...
标题和描述提到的"ie6 火狐 谷歌 png背景透明",主要涉及到这三种浏览器在处理PNG图像透明度时的问题及解决方案。 1. **IE6与PNG透明问题**:Internet Explorer 6(简称IE6)是微软早期的浏览器版本,它对PNG-24...
PNG是一种无损压缩的图像格式,提供丰富的颜色层次和透明度支持,但在IE6中,PNG-24格式的图片会出现背景色穿透,透明效果无法正常显示,而PNG-8格式的图片虽然可以显示透明,但颜色表现力受限。 标题“解决ie6下...
由于IE6不支持PNG-24格式的 Alpha 透明通道,导致图片背景出现黑色或者半透明遮罩。为了解决这个问题,开发者们采取了一些JavaScript技巧来实现IE6下的PNG透明效果。本压缩包提供的"ie6中png透明解决方案 js"正是...