script.aculo.us---Effect.Opacity

最新推荐文章于 2025-11-22 13:46:41 发布

最新推荐文章于 2025-11-22 13:46:41 发布 · 121 阅读

文章标签：

#IE #Microsoft

js 专栏收录该内容

23 篇文章

订阅专栏

本文介绍了如何使用Effect.Opacity在Internet Explorer中改变HTML元素的透明度。为了使效果生效，必须确保目标元素拥有layout属性。文章还提供了实现layout的几种方法。

This effect changes an element’s opacity (transparency).

[b]作用：改变元素透明度[/b]

[b]例子：new Effect.Opacity('id_of_element', {duration:0.5,from:1.0,to:0.7});[/b]

Will fade the element from 100% to 70% over the space of 1/2 second.

Microsoft Internet Explorer can only set opacity on elements that have a ‘layout’ -->>Giving Elements Layout

[b]IE中只有layout的元素才能设置不透明值[/b]
-----------------------------------------------
For Effect.Opacity based effects to work in Internet Explorer, you need to have give the affected elements the so-called ‘layout’ quality.The object that the filter is applied to must have layout before the filter effect displays. You can give the object layout by doing one of the following:

[b]以下方法中可以使一个object layout 化[/b]
Setting the height or width property (doesn’t work on inline elements when the browser is not in quirksmode but in standards-compliant mode)
Setting the display property to inline-block
Setting the position property to absolute
Setting the writingMode property to tb-rl
Setting the contentEditable property to true

[url]http://wiki.script.aculo.us/scriptaculous/show/Effect.Opacity[/url]