Javascript document.write() - 用GIF替换PNG？

Question

情景

我有一个带有HTML/CSS前端的asp.net Web应用程序.这一切都运行正常,但在Internet Explorer 6中,我在网站中使用的透明PNG由于此特定浏览器的设计不佳而不透明.

解决方案试图

我已经尝试了各种不起作用的IE6 PNG透明度修复程序.

建议的解决方案

当网站检测到浏览器是IE6时,我考虑过使用GIF图像替换.我没有任何javascript经验,但有人提到我可以使用javascript上的"document.write()"功能,将IEG替换为使用IE6作为浏览器时相同图像的GIF.

问题

请有人向我解释我将如何做到这一点？记住我对C#等有所了解,但没有javascript知识.我只是刚刚开始作为Web开发人员这么简单的解释会对我有很大的帮助.

谢谢您的帮助.问候.

Answer 1

如果我们假设

a)gif文件将具有相同的名称,

b)它们已经存在(你不是在寻找一些gif创建者).

然后你只需要替换这些文件的src属性.这将完成onload,并且不需要document.write().跟着:

<!--[if lte IE 6]>
<script type="text/javascript">

    window.onload = function() {

        var images = document.getElementsByTagName("img");

        for (var i = 0; i < images.length; i++) {

            var image_png_src = images[i].src;
            var image_gif_src = image_png_src.replace(".png", ".gif");
            images[i].src = image_gif_src;
        }
    };
</script>
-->

关于上述方法的好处是它不必每次都检查它是gif,还是png或jpg,因为除非有.png,否则它根本不会用.gif替换它.糟糕的是,如果由于某种原因,你有一个.png的图像(我无法想象为什么)但它不是文件扩展名,它将用.gif替换那个位.

希望有所帮助.