|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
声明块由一个一个的声明组成,声明由属性和值组成,属性和值用冒号隔开,分号结束。
网页制造poluoluo文章简介:天边论坛上面流动漂泊殊效的做法.
有些器材找起来很贫苦,好用的又不太简单找到,之前看到良多用JS写的,流动漂泊这类效果拖动时不免会发生发抖
本人对CSS仍是蛮有好感的,找来找往找到了天边,细心一看是纯CSS的,没有利用JS效果
我以为它比之前看到的要精简些不必嵌套过剩的DIV
复杂的看一下CSS款式部分:body{
background-image:url(text.txt);/*forIE6*/
background-attachment:fixed;
}
#bottomNav{
background-color:#096;
z-index:999;
position:fixed;
bottom:0;
left:0;
width:100%;
_position:absolute;/*forIE6*/
_top:expression(documentElement.scrollTop+documentElement.clientHeight-this.offsetHeight);/*forIE6*/
overflow:visible;
} HTML部分加上这个id为#bottomNav的DIV便可:<divid=”bottomNav”>流动漂泊物在此处O(∩_∩)O~</div> 再看看这些必要注重的中央:_top:expression(documentElement.scrollTop+documentElement.clientHeight-this.offsetHeight); 看到_top人人都晓得是为IE6独家筹办的,可是当我只加了下面这句时,IE6下拉动转动条看到的这个漂泊物是发抖的-_-|||
办理办法我们为IE6增加如许一条语句:background-image:url(text.txt); 注重这里的text.txt实在不必要有这个txt文档,txt的文件名叫甚么看本人喜欢喽,云云一来我们就办理了IE6下的缓动成绩。
PS:你大概会对text.txt和expression感应忧郁,也有人利用多嵌套一层DIV做了个假转动条完成了这个办法,固然这类办法在也会响应的修改下默许属性,可这类写法和之前网站交融起来很忧郁,要增加一个DIV(由于我之前没有在最外层写DIV.wrap)。
比拟之下我更喜好天边如许的纯CSS写法
流动漂泊选择如许写的来由:纯CSS的写法,制止了多嵌套一层内部DIV制造假转动条酿成的网站重构贫苦的为难局面。
同时不会有JS漂泊所发生的发抖效果。 大概更好的我没有发明,假如你有更多更好的办法别忘了告知我哈~
如果单独使用DIV而不加任何CSS,那么它在网页中的效果和使用是一样的。 |
|