zl程序教程

您现在的位置是:首页 >  前端

当前栏目

通过javascript设置css属性的代码

2023-06-13 09:14:15 时间

1.透明度:
如果没有为一个文本指定一个背景颜色或者一个背景图像,那么这个元素的背景通常是透明的。
这一点很重要,如果一个绝对定位的且带有文本的元素放在一个有文本的元素之上,那么将会十分的混乱,那么我们就可以通过设置背景图片或者背景颜色来进行遮盖,如果必须的话我们可以将其显示的设置为"transparent"(透明的)
通用的设置透明元素通用的css如下:

复制代码代码如下:

opacity:.75;//ffnew
-moz-opacity:.75;//transparencyforolderMozillas
filter:Alpha(opacity=75);//forIE

2.带有连字符的css:
骆驼式命名:
复制代码代码如下:

element.style.fontFamily="sans-serif";
element.style.borderLeftWidth="5px";
element.style.zIndex=100;

3.注意的地方:
复制代码代码如下:
varpadding_left=50;
element.style.left=padding_left+"px";//不要忘记加单位
vartopMargin=10,rigntMargin=11,bottomMargin=12,leftMargin=13;
element.style.margin=topMargin+"px"+rigntMargin+"px"+bottomMargin+"px"+leftMargin+"px";

4.设置float
复制代码代码如下:
element.style.cssFloat="left";//firefoxchromeopera
element.style.styleFloat="left";//IE