純css實現無動跳隨網頁滾動代碼(有demo)
來源:昆明多彩網絡公司 日期:2011-03-29 閱讀: 發表評論
網絡上看到的大部分都是有滾動效果,但是美中不足就是層在滾動的時候發生跳動,像是卡殼了一樣,這里介紹的是無跳動隨網頁滾動,兼容所有瀏覽器。
demo:點擊(ji)預覽
前臺的(de)html代碼非(fei)常(chang)的(de)簡(jian)潔:
<div id="sro">昆明多彩科技是<a href="//tea007.net">云南網站建設</a>專業的公司(si)。</div>
css代碼(ma):
#sro{width:90px;height:auto;position:fixed;z-index:2;border:1px solid #FB8511;background:#fff;_position:absolute;_top:expression(;}
* html{background-image:url(about:blank);background-attachment:fixed;}
注意sro中(zhong)的css樣式的下(xia)劃線_是為了(le)兼容ie6瀏覽器(qi)(萬惡的IE6),下(xia)面的* html也是為了(le)防止層在滾動的時候發生跳動的情況(kuang)發生。
該(gai)教程由多彩(cai)科技原(yuan)創,轉載請注明出處。
上一篇:全局緩存策略和局部不緩存 下一篇:smarty3緩存設置原理和注意事項
發表評論評論列表(有 條評論)