zoukankan      html  css  js  c++  java
  • dhtmlIE7中img.src不能浏览本地图片

    在IE6中可以很轻易的预览本地图片,只要指定 img的src就可以了。

    但是在IE7中就不行了。

    必须使用AlphaImageLoader属性

    例:

    <style type="text/css">
    #newPreview
    {
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);
    }
    </style>
    <script type="text/javascript" language="javascript">

    function PreviewImg(imgFile)
    {   
        var newPreview = document.getElementById("newPreview");
     
        newPreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgFile.value;
        newPreview.style.width = "80px";
        newPreview.style.height = "60px";
    }

    </script>
    <div id="newPreview"></div>

    <p>请选择一个图片进行预览:<input type="file" size="20" onchange="javascript:PreviewImg(this);" /></p>

    在这里:

      filter:progid:DXImageTransform.Microsoft.AlphaImageLoader 是一个css滤镜,支持IE5.5以上版本

     filter: progid: DXImageTransform.Microsoft.AlphaImageLoader( enabled=bEnabled, sizingMethod=sSize, src=sURL)
    属性:
    enabled : 可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true | false
          true : 默认值。滤镜激活。
          false : 滤镜被禁止。

    具体:

    说明:

     
    在对象容器边界内,在对象的背景和内容之间显示一张图片。并提供对此图片的剪切和改变尺寸的操作。如果载入的是PNG格式,则0%-100%的透明度也被提供。
    PNG格式的图片的透明度不妨碍你选择文本。也就是说,你可以选择显示在PNG格式的图片完全透明区域后面的内容。

  • 相关阅读:
    poj--2031--Building a Space Station(prime)
    nyoj--364--田忌赛马(贪心)
    nyoj--496--巡回赛(拓扑排序)
    nyoj--1100--WAJUEJI which home strong!(bfs)
    hdoj--5625--Clarke and chemistry(枚举)
    poj--1753--Flip Game(dfs好题)
    poj--1101--The Game(bfs)
    冒泡排序
    php常见错误
    php乱码
  • 原文地址:https://www.cnblogs.com/swneng/p/1294007.html
Copyright © 2011-2022 走看看