CSS 内使用 JavaScript
2016-03-08 16:07
417 查看
_position:absolute; _top:expression(eval(document.documentElement.scrollTop));
这一段是CSS(层叠样式表)的代码,常用于网页的样式设计中。
1、第一句代码
_position:absolute;
这句代码的意思是“位置:绝对定位”,也就是说元素的位置是相对于整个浏览器窗口的,而不是相对于父元素。一般要配合top、left属性使用。
2、第二句代码
_top:expression(eval(document.documentElement.scrollTop));
top属性是定义元素的顶部在网页中的位置,而CSS中的expression属性是用来调用Javascript代码。所以expression后面的括号中就是一行Javascript代码。
eval(document.documentElement.scrollTop);
其中,document.documentElement.scrollTop 的意思是获取当前页面滚动条所滚动到的位置的数值,而再用eval()函数把它计算成数值。
所以这句代码最终的意思就是:你浏览器窗口的滚动条滑到哪,这个元素的位置就在哪。
3、前面的下划线是CSS Hack中的用法,用来区分不同的浏览器以解决兼容问题,此处的下划线只有IE6能识别,而IE7、IE8、Firefox等浏览器是识别不了的,所以这两行代码只对IE6有效,其他浏览器是忽略它们的。要了解更多关于CSS Hack的信息
相关文章推荐
- JavaScript语言用10张图
- js去除空格
- js验证正则
- jsp,div 限制字数,超出部分用省略号代替
- 用js文件代码来替代html中的js
- 推荐15款制作 SVG 动画的 JavaScript 库
- 解析json之net.sf.json
- JavaScript 语言用10张图来理解
- 简易单行文字上下滚动js
- 关于JSON.stringify 与 JSON.parse使用小记(笔记向)
- 前台页面中json和字符串相互转化
- 重新发送短信验证码的web的60秒倒计时的实现
- volley使用加载json跟图片
- JS三目运算(三元运算)
- SeaJS
- 使用JavaScript获取textare输入值的问题
- 总结js基础方法
- JavaScript 语言基础知识点总结
- js比较日期字符串
- js验证输入字段是否含有字母数字function checkChar(ic) { if (ic >= 48 && ic <= 57) { return 1; } if ((i