`

ie6下 png作为前景和背景透明

阅读更多

前景图片时,用js

    <script language="JavaScript" type="text/JavaScript">
        <!--
        // flashlover
        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>

 

 作为背景时ie下用css解决:

  background: url("../../booking/images/logo_bg.png") 
    _background-image:url(../../booking/images/logo_bg.png);
   _background: none transparent scroll repeat 0% 0%;
 _FILTER:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../booking/images/logo_bg.png',sizingMethod='scale');
 
分享到:
评论

相关推荐

    IE6下PNG背景透明的方法

    以下是关于"IE6下PNG背景透明的方法"的详细解释: 1. **CSS滤镜法**:这是最基础的解决方式,利用CSS中的`filter`属性。对于PNG8格式的图片,可以使用`filter:progid:DXImageTransform.Microsoft.AlphaImageLoader...

    IE6完美解决PNG背景透明

    标题"IE6完美解决PNG背景透明"指向的是如何在IE6中正确显示具有透明度的PNG背景图像的方法。DD_belatedPNG是一个JavaScript库,专门用来解决这个兼容性问题。它通过CSS扩展和JavaScript代码,使IE6能够理解并渲染PNG...

    IE6不兼容png透明背景解决方法

    PNG是一种先进的位图格式,提供了24位颜色和透明度支持,但在IE6中,PNG-24格式的透明效果会呈现为灰色背景,这给网页设计带来了困扰。以下是对这个问题的深入探讨和解决方案。 首先,理解问题的根源:IE6对PNG-24...

    js_IE6支持png透明解决png_ie6下不透明背景图片

    本文将深入探讨这个问题,并提供JavaScript解决方案来实现IE6下PNG图片的透明显示。 首先,我们需要理解为什么IE6不支持PNG透明。PNG-24格式允许半透明和全透明效果,但IE6只支持8位的PNG-8,而这种格式最多只能有...

    处理ie6下png格式透明效果

    总之,处理IE6下的PNG透明效果是一个既需要技术知识,又需要策略和经验的过程。通过以上的方法和注意事项,开发者可以有效地解决这个问题,确保网站在各种浏览器环境下都能呈现出预期的视觉效果。

    IE6下PNG透明代码

    在早期的Web开发中,IE6(Internet Explorer 6)是一个让开发者头疼的浏览器,尤其在处理PNG(Portable Network Graphics)格式图片时,其对PNG8和PNG24的透明支持并不完善。PNG是一种无损压缩的图像格式,支持透明...

    完美解决IE6下png透明

    在早期的网页设计中,IE6(Internet Explorer 6)作为主流浏览器,其对PNG(Portable Network Graphics)图像格式的支持存在显著的问题,尤其是对于PNG-24格式的图像,它无法正确显示背景透明或者半透明效果。...

    解决ie6下png图片背景问题

    在IT行业中,尤其是在网页设计和开发领域,"解决ie6下png图片背景问题"是一个经典且重要的主题。Internet Explorer 6(简称IE6)是微软公司早期推出的一款浏览器,由于其对PNG(Portable Network Graphics)图像格式...

    IE6png透明JS

    为了解决这个问题,开发者们开发了一系列JavaScript库和技巧,使得在IE6下也能实现PNG图像的透明效果。 1. **Alpha Image Loader滤镜**:IE6提供了一个名为"Alpha Image Loader"的滤镜,可以通过CSS样式应用到元素...

    IE6 png背景图片透明

    在IT领域,尤其是在网页设计和开发中,"IE6 png背景图片透明"是一个经典的问题,因为Internet Explorer 6(简称IE6)对于PNG格式图像的透明处理与其他现代浏览器存在显著差异。PNG是一种流行的图像格式,支持24位...

    IE6下PNG背景透明的方法.rar

    IE6下PNG背景透明的方法.rarIE6下PNG背景透明的方法.rarIE6下PNG背景透明的方法.rarIE6下PNG背景透明的方法.rarIE6下PNG背景透明的方法.rarIE6下PNG背景透明的方法.rar

    IE 6 下PNG图片实现透明

    PNG(Portable Network Graphics)是一种无损压缩的位图格式,支持透明度,广泛应用于网页设计。然而,Internet Explorer 6...在实际应用中,结合条件注释、CSS滤镜和JavaScript库,可以有效地解决IE6下的PNG透明问题。

    ie6 火狐 谷歌 png背景透明

    标题和描述提到的"ie6 火狐 谷歌 png背景透明",主要涉及到这三种浏览器在处理PNG图像透明度时的问题及解决方案。 1. **IE6与PNG透明问题**:Internet Explorer 6(简称IE6)是微软早期的浏览器版本,它对PNG-24...

    IE6下PNG背景透明的方法.zip

    总结来说,这个压缩包提供了一套解决方案,帮助开发者在古老的IE6浏览器中实现PNG图像的背景透明,包括使用GIF图像作为备选、应用HTC行为文件和创建示例网页来演示效果。这对于那些仍需支持IE6的项目非常有用,尤其...

    解决IE6.0下png背景透明及连接不能点击

    总结来说,要解决IE6.0下的PNG背景透明和链接点击问题,开发者需要借助特定的JavaScript库(如`ie6-png.js`)和CSS技巧(如`behavior: url(ie6-png.htc)`和`z-index`)。虽然现代浏览器已经不再需要这些技巧,但理解...

    解决IE6下PNG图片背景色不透明问题的方法

    在互联网的早期,Internet Explorer 6 (IE6) 是广泛使用的浏览器之一,但它存在许多兼容性问题,其中之一就是PNG图片的背景透明问题。PNG(Portable Network Graphics)是一种支持透明度的图像格式,但在IE6中,对于...

    IE6中 PNG 背景透明的最佳解决方案

    在早期的网页设计中,IE6(Internet Explorer 6)作为一个主流浏览器,因其对PNG(Portable Network Graphics)图像格式的支持不足,导致了开发者们在尝试使用PNG图片时常常遇到背景透明的问题。PNG格式,尤其是PNG-...

Global site tag (gtag.js) - Google Analytics