1、用GIF图片代替PNG图片
若图片色彩不多,没有羽化部分可以使用。
2、如果希望使用png格式图片作为DOM元素的背景,那么就可以使用滤镜来加载png图片
.png{
background: url(/angel.png) no-repeat !important;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/angel.png");
background:none;
width:100px;
height:100px;
}
HTML代码:
<div class="png">
背景PNG透明
</div>
值得注意的是:
1、url和src引用图片的路径写法不一样!
2、用png背景图片,不可以进行相关的定位,只能是默认的:background:url() left top;
3、用了这段样式,很可能.content里面的超链接等内容不可以点击,解决这个问题,你可以在div.content里面在套一个div,比方这个div的样式名字为:div.con,然后给.con一个样式:
div.con {position:relative}就可以解决所有的问题了。
分享到:
相关推荐
标题"IE6完美解决PNG背景透明"指向的是如何在IE6中正确显示具有透明度的PNG背景图像的方法。DD_belatedPNG是一个JavaScript库,专门用来解决这个兼容性问题。它通过CSS扩展和JavaScript代码,使IE6能够理解并渲染PNG...
以下是关于"IE6下PNG背景透明的方法"的详细解释: 1. **CSS滤镜法**:这是最基础的解决方式,利用CSS中的`filter`属性。对于PNG8格式的图片,可以使用`filter:progid:DXImageTransform.Microsoft.AlphaImageLoader...
PNG是一种先进的位图格式,提供了24位颜色和透明度支持,但在IE6中,PNG-24格式的透明效果会呈现为灰色背景,这给网页设计带来了困扰。以下是对这个问题的深入探讨和解决方案。 首先,理解问题的根源:IE6对PNG-24...
在IT领域,尤其是在网页设计和开发中,"IE6 png背景图片透明"是一个经典的问题,因为Internet Explorer 6(简称IE6)对于PNG格式图像的透明处理与其他现代浏览器存在显著差异。PNG是一种流行的图像格式,支持24位...
因此,当你在IE6中使用PNG-24格式的图片时,透明部分会显示为完全不透明,即背景色或默认颜色。 为了解决这个问题,我们可以使用一种名为“PNGFix”的JavaScript库,如压缩包中的`js`文件可能就是这样一个解决方案...
在IT行业中,尤其是在网页设计和开发领域,"解决ie6下png图片背景问题"是一个经典且重要的主题。Internet Explorer 6(简称IE6)是微软公司早期推出的一款浏览器,由于其对PNG(Portable Network Graphics)图像格式...
标题和描述提到的"ie6 火狐 谷歌 png背景透明",主要涉及到这三种浏览器在处理PNG图像透明度时的问题及解决方案。 1. **IE6与PNG透明问题**:Internet Explorer 6(简称IE6)是微软早期的浏览器版本,它对PNG-24...
为了解决这个问题,开发者们提出了多种解决方案,使得在IE6中也能实现PNG背景透明。 首先,我们需要理解问题的根源。IE6对PNG-8格式的支持相对较好,但对PNG-24格式的透明性支持不佳,它只会显示图片而不处理透明度...
PNG(Portable Network Graphics)是一种支持透明度的图像格式,但在IE6中,对于24位的PNG图片,其背景透明特性无法正确显示,导致图片背景呈现出不透明的黑色或者与页面背景颜色不符,这给网页设计带来了很大的困扰...
PNG格式允许24位色彩的同时还提供了 Alpha 通道,可以实现半透明效果,但在IE6中,这种透明特性却无法正常显示,导致图片背景呈现出不透明的黑色或白色。以下是对这个问题的详细分析和解决方案: 首先,我们需要...
为了解决这个问题,开发者们开发了一些JavaScript解决方案,使得IE6能够支持PNG背景图片的透明显示。 一、PNG格式与透明性 PNG(Portable Network Graphics)是一种无损压缩的图像文件格式,支持透明度和丰富的色彩...
PNG(Portable Network Graphics)是一种常见的图像格式,它支持24位真彩色以及Alpha通道透明度,但在IE6中,对于带有Alpha透明度的PNG-24图像,浏览器默认无法正确显示透明效果。这个问题导致了“IE6png透明JS”这...
2. **IE6的PNG透明问题**:IE6不支持PNG24的阿尔法透明,导致图片背景显示为黑色或不透明。对于PNG8,只有256色以下的颜色和单色透明可以正常显示,复杂的透明效果无法实现。 3. **JavaScript解决方案**:为了克服...
通过上述方法,开发者可以有效地解决在IE6中显示PNG图片时遇到的透明问题。不过,随着现代浏览器的普及,这个问题在新项目中已不再那么突出,但在维护老系统或服务时,仍然需要关注此类兼容性问题。
在现代浏览器中,PNG-24格式的图片可以完美展示透明效果,但在IE6中却出现了问题。 解决方案的核心在于使用JavaScript库或特定的CSS hack。其中,一种常见的解决方案是使用James Padolsey的JavaScript库,它通过...
然而,通过一些技术手段,我们可以“完美解决IE6下PNG背景、图片透明问题”。 首先,我们需要了解PNG图像格式。PNG是一种无损压缩的位图格式,支持透明度设置,包括完全透明和半透明。对于其他现代浏览器,如Fire...
总结来说,要解决IE6.0下的PNG背景透明和链接点击问题,开发者需要借助特定的JavaScript库(如`ie6-png.js`)和CSS技巧(如`behavior: url(ie6-png.htc)`和`z-index`)。虽然现代浏览器已经不再需要这些技巧,但理解...