使用CSS /动态表达式修复内容

CSS允许您以各种方式在页面上定位内容，其中一种方式是“固定的”。在这种模式下，当页面的其余部分滚动时，一段内容保持完全静止而没有退缩。我对2007年的一个预测是这种效果在网络上的爆发，因为大多数访问者浏览器都使用CSS本地支持它。

在下面的教程中，我将讨论如何在CSS中使用“固定”定位，以及如何使用动态表达式模拟IE5 / 6中的行为， 动态表达式不支持直接CSS方法。要开始吗？

 使用CSS修复内容

实际上只有一种真正的方法可以创建不在页面上滚动的固定内容，而这是通过CSS“固定”定位。 与“绝对”定位类似，“固定”使用显式x（水平）和y（垂直）坐标系统将一段内容放置在文档的正常流程之外。 但是，对于“固定”，其坐标系相对于浏览器的视点，因此“5px”垂直表示从可视窗口的左上角向下“5px”，无论页面是否滚动。

<style type =“text / css”> 

#mydiv { 
position：fixed; 
左：10px; 
上：50px; 
}

</ style> 

<div id =“mydiv”> 
这里有一些内容
</ div>

请记住，在固定定位中，左侧和顶部值相对于窗口视点的左上角，它随着页面的滚动而自动更改。 这会产生静态效果。

来自 “ ITPUB博客 ” ，链接：http://blog.itpub.net/69933200/viewspace-2652698/，如需转载，请注明出处，否则将追究法律责任。

转载于:http://blog.itpub.net/69933200/viewspace-2652698/