JavaScript CSS 修改学习第四章 透明度设置

 更新时间:2010年02月19日 14:27:31   作者:  
今天我打算使用一些元素的透明度设置来实现淡出淡入效果。但是有些浏览器对于某些元素的透明度设置支持不够。而且要设置表格的透明度,几乎在所有的浏览器里面都不可能。
这里是测试页。
在JavaScript里面设置透明度
我用下面的代码来设置透明度:

复制代码 代码如下:

function setOpacity(value) {
    testObj.style.opacity = value/10;
    testObj.style.filter = 'alpha(opacity=' + value*10 + ')';
}

在Mozilla和Safari里使用opacity,IE使用filter。value的值从0到10。 测试结果
IE说明:一个元素必须有一个layout来执行filter。并且IE6对于元素的left margin有很奇怪的表现。
image
翻译地址:http://www.quirksmode.org/js/opacity.html

转载请保留以下信息
作者:北玉(tw:@rehawk)

相关文章

  • JavaScript获取各大浏览器信息图示

    JavaScript获取各大浏览器信息图示

    这篇文章主要介绍了JavaScript获取各大浏览器信息图示的相关资料,需要的朋友可以参考下
    2015-11-11
  • 细说javascript函数从函数的构成开始

    细说javascript函数从函数的构成开始

    javascript函数是一个比较奇怪的东西,接触一段时间你就会犯迷糊,我想从函数的构成来细说函数,这听起来像是一句废话,讲任何东西当然是从构成去谈
    2013-08-08
  • JS中switch的四种写法示例

    JS中switch的四种写法示例

    这篇文章主要为大家介绍了JS中switch的四种写法示例代码,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-07-07
  • JavaScript splice()方法详解

    JavaScript splice()方法详解

    这篇文章介绍了JavaScript splice()方法,有需要的朋友可以参考一下
    2013-11-11
  • javascript unicode与GBK2312(中文)编码转换方法

    javascript unicode与GBK2312(中文)编码转换方法

    本文提供了一个javascript的unicode与GBK2312编码相互转换的方法,大家可以参考使用,实用的小实例
    2013-11-11
  • JavaScript门道之标准库

    JavaScript门道之标准库

    标准库指的是js的标准内置对象,是js这门语言本身初始时提供的在全局范围的对象,需要的朋友可以参考下
    2018-05-05
  • javascript之Boolean类型对象

    javascript之Boolean类型对象

    本文主要介绍javascript中的Boolean类型对象,Boolean对象非常简单,却非常有用,希望能给大家做一个参考。
    2016-06-06
  • Ajax执行顺序流程及回调问题分析

    Ajax执行顺序流程及回调问题分析

    有些朋友在实现异步局部更新数据,会遇到ajax的执行问题,本文将对此进行详细介绍,需要了解的朋友可以参考下
    2012-12-12
  • Javascript中Array.prototype.map()详解

    Javascript中Array.prototype.map()详解

    map 方法会给原数组中的每个元素都按顺序调用一次 callback 函数。callback 每次执行后的返回值组合起来形成一个新数组。 callback 函数只会在有值的索引上被调用;那些从来没被赋过值或者使用 delete 删除的索引则不会被调用。
    2014-10-10
  • DOM基础教程之使用DOM设置文本框

    DOM基础教程之使用DOM设置文本框

    这篇文章主要介绍了DOM基础教程之使用DOM设置文本框的相关资料,需要的朋友可以参考下
    2015-01-01

最新评论