本文摘自PHP中文网,作者醉折花枝作酒筹,侵删。
在css中,可利用position属性让元素固定不变;只需要给元素添加“position:fixed”样式,进行固定定位即可。固定定位相对于窗口进行定位,无论是否移动滑动条,都固定在相对于窗口的固定位置;其他元素在位置排布上将会忽略其存在。
本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。
1 2 3 4 5 6 7 8 |
|
我们定义一个#ads的id样式,并给他设了高度宽度,通过position:fixed以及right、bottom将元素定位在窗口右下角。
但是在IE6下,并不支持position:fixed
属性,这个时候我们需要对IE6进行hack处理。解决的方案是使用 postion:absolute属性,它的作用大家都很熟悉,相对于父元素进行绝对定位,然后我们可以通过expression来改变#ads的top 值。
expression的定义:IE5及其以后版本支持在CSS中使用expression,用来把CSS属性和Javascript 表达式关联起来,这里的CSS属性可以是元素固有的属性,也可以是自定义属性。就是说CSS属性后面可以是一段Javascript表达式,CSS属性 的值等于Javascript表达式计算的结果。 在表达式中可以直接引用元素自身的属性和方法,也可以使用其他浏览器对象。这个表达式就好像是在这个元素的一个成员函数中一样。
相关阅读 >>
更多相关阅读请进入《css》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者