代码之家  ›  专栏  ›  技术社区  ›  hekevintran

IE中的不透明度属性

  •  0
  • hekevintran  · 技术社区  · 15 年前

    Curvy Corners 是一个JavaScript库,允许IE理解border radius CSS属性。有没有类似的JavaScript库为opacity属性执行此操作? ie9.js 可以这样做,但它在异步更新DOM后不会重新应用自身。

    2 回复  |  直到 15 年前
        1
  •  0
  •   Pat    15 年前

    您可以使用jQuery之类的工具自己创建一个简单的补丁:

    $('.your-elem').each(function(){
        $(this).css({opacity: 0.5});  // sets all elements with class .your-elem to 50% opacity
    });
    

    如果不透明度修复需要应用于PNG,那么我已经找到了 Unit PNG Fix 工作得很好。它说只适用于IE6,但我已经用了6,7和8没有问题。

    如果PNG包含在要调整不透明度的元素中,则上述修复程序还允许您平滑地设置PNG不透明度的动画(如果没有此项,则在更改过程中会出现令人讨厌的黑色边框):

    标记

    <div id="opacity-change">
        <img src="some.png" />
    </div>
    

    jQuery查询

    $("#opacity-change").css({opacity: 0});
    $("#opacity-change").fadeIn();
    
        2
  •  0
  •   Justin Lucente    15 年前

    这里有一些IE不透明度解决方案: http://www.impressivewebs.com/css-opacity-reference/ . 基本上:

    #myElement {
      filter: alpha(opacity=40);
    }