通过javascript设置css属性的代码
更新时间:2009年12月28日 23:37:32 作者:
通过javascript设置css属性的方法需要的朋友可以参考下。
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
相关文章
javascript实现客户端兼容各浏览器创建csv并下载的方法
这篇文章主要介绍了javascript实现客户端兼容各浏览器创建csv并下载的方法,实例分析了javascript操作csv文件的技巧,需要的朋友可以参考下2015-03-03
JS跳出循环的5种方法总结(return、break、continue、throw等)
想必大家都遇到过循环遍历时遇到满足条件的时候就跳出循环这样的需求,于是整理了一篇各种循环是如何结束的,这篇文章主要给大家介绍了关于JS跳出循环的5种方法,分别是return、break、continue、throw等的相关资料,需要的朋友可以参考下2024-05-05
微信小程序通过自定义animate-numbers组件实现进入页面时数字跳动效果
文章介绍了如何在微信小程序中实现进入页面时的数字跳动效果,通过自定义一个名为`animate-numbers`的组件来实现这一功能,本文给大家介绍的非常详细,感兴趣的朋友一起看看吧2025-01-01


最新评论