本文详解如何使用 JavaScript 动态修改 CSS 属性。涵盖通过 opacity、-moz-opacity 和 filter 实现跨浏览器透明度控制；介绍将 CSS 连字符属性转换为骆驼命名法的规则，如 fontFamily 和 zIndex；强调数值单位必须手动拼接 px；并说明如何区分处理 cssFloat 与 styleFloat 以兼容 Firefox 等现代浏览器及旧版 IE。
JavaScript 动态设置 CSS 属性详解
默认情况下，若未为文本元素指定背景色或背景图像，其背景呈现透明状态。这一特性在绝对定位元素重叠时尤为关键：当带有文本的绝对定位元素覆盖在另一个含文本的元素之上时，内容可能相互干扰导致视觉混乱。此时，可通过设置背景图片或背景色进行遮盖；若确需透明效果，可显式将其设置为“transparent”。通用的透明元素 CSS 设置如下：
跨浏览器透明度设置
代码如下:
opacity:.75;//ff new
-moz-opacity:.75;// transparency for older Mozillas
filter:Alpha(opacity=75);//for IE2.带有连字符的css：
骆驼命名法与属性映射
骆驼式命名：
代码如下:
element.style.fontFamily = "sans-serif";
element.style.borderLeftWidth = "5px";
element.style.zIndex = 100;3.注意的地方：
数值单位拼接注意事项
代码如下:
var padding_left = 50;
element.style.left = padding_left + "px";//不要忘记加单位
var topMargin = 10,rigntMargin = 11,bottomMargin = 12,leftMargin = 13;
element.style.margin = topMargin + "px" + rigntMargin + "px" + bottomMargin + "px" + leftMargin + "px";4.设置float
Float 属性的浏览器兼容处理
代码如下:
element.style.cssFloat = "left";//firefox chrome opera
element.style.styleFloat = "left";//IE