通过javascript设置css属性的代码_javascript技巧
程序员文章站
2022-04-28 14:47:45
...
1.透明度:
如果没有为一个文本指定一个背景颜色或者一个背景图像,那么这个元素的背景通常是透明的。
这一点很重要,如果一个绝对定位的且带有文本的元素放在一个有文本的元素之上,那么将会十分的混乱,那么我们就可以通过设置背景图片或者背景颜色来进行遮盖,如果必须的话我们可以将其显示的设置为"transparent"(透明的)
通用的设置透明元素通用的css如下:
opacity:.75;//ff new
-moz-opacity:.75;// transparency for older Mozillas
filter:Alpha(opacity=75);//for IE
2.带有连字符的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
element.style.cssFloat = "left";//firefox chrome opera
element.style.styleFloat = "left";//IE
如果没有为一个文本指定一个背景颜色或者一个背景图像,那么这个元素的背景通常是透明的。
这一点很重要,如果一个绝对定位的且带有文本的元素放在一个有文本的元素之上,那么将会十分的混乱,那么我们就可以通过设置背景图片或者背景颜色来进行遮盖,如果必须的话我们可以将其显示的设置为"transparent"(透明的)
通用的设置透明元素通用的css如下:
复制代码 代码如下:
opacity:.75;//ff new
-moz-opacity:.75;// transparency for older Mozillas
filter:Alpha(opacity=75);//for IE
2.带有连字符的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
复制代码 代码如下:
element.style.cssFloat = "left";//firefox chrome opera
element.style.styleFloat = "left";//IE
上一篇: php判断是否素数
推荐阅读
-
各情景下元素宽高的获取实现代码_javascript技巧
-
通过实践编写优雅的JavaScript代码
-
通过实践编写优雅的JavaScript代码
-
javascript 动态设置已知select的option的value值的代码
-
css设置字体样式属性(分享css设置字体颜色的代码)
-
javascript 动态设置已知select的option的value值的代码
-
css设置字体样式属性(分享css设置字体颜色的代码)
-
javascript 获取特定的 CSS属性值
-
ASP、PHP与javascript根据时段自动切换CSS皮肤的代码
-
2019 年编写现代 JavaScript 代码的5个小技巧(小结)