通过javascript设置css属性的代码
作者:bea
1.透明度: 如果没有为一个文本指定一个背景颜色或者一个背景图像,那么这个元素的背景通常是透明的。 这一点很重要,如果一个绝对定位的且带有文本的元素放在一个有文本的元素之上,那么将会十分的混乱,那么我们就可以通过设置背景图片或者背景颜色来进行遮盖,如果必须的话我们可以将其显示的设置为"transparent"(透明的) 通用的设置透明元素通用的css如下: 代码如下: opacity:.75;//ff new -moz-opacity:.75;// transpare
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
有用 | 无用
代码如下:
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控制frame,iframe的src属性代码
- 让IE8支持DOM 2(不用框架!)
- javascript 获取表单file全路径
- JavaScript 模拟用户单击事件
- js监听表单value的修改同步问题,跨浏览器支持
- js跟随滚动条滚动浮动代码
- Javascript的匿名函数小结
- JavaScript 对Cookie 操作的封装小结
- Javascript的闭包
- javascript Onunload与Onbeforeunload使用小结
- 用javascript实现源代码的隐藏与解密的方法
- JavaScript 常用函数
- jQuery的三种$()
- jquery UI 1.72 之datepicker
- 用js做一个小游戏平台 (一)
- js 学习笔记(三)
- js DOM模型操作
- 滚动条变色 隐藏滚动条与双击网页自动滚屏显示代码
- javascript iframe编程相关代码