CSS实现div悬浮框的代码(兼容IE6)
生活随笔
收集整理的這篇文章主要介紹了
CSS实现div悬浮框的代码(兼容IE6)
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
轉載鏈接：http://hi.baidu.com/grayworm/item/b735c2061f4e33ea34990265
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>CSS固定定位</title> <style type="text/css"> { padding:0; margin:0; } #fixedLayer{ width:100px; line-height:50px; background: #FC6; border:1px solid #F90; position:fixed; right:10px; bottom:10px; } </style> <!--[if lte IE 6]> <style type="text/css"> html { height:100%; overflow:hidden; } body { height:100%; overflow:auto; } #fixedLayer { position:absolute; } </style> <![endif]--> </head> <body> <div id="fixedLayer">固定不動</div> <p>dd</p> <p>dd</p> <p>dd</p> <p>dd</p> <p>dd</p> <p>dd</p> <p>dd</p> <p>dd</p> <p>dd</p> <p>dd</p> <p>dd</p> <p>dd</p> <p>dd</p> <p>dd</p> <p>dd</p> <p>dd</p> <p>dd</p> <p>dd</p> <p>dd</p> <p>dd</p> <p>dd</p> <p>dd</p> <p>dd</p> <p>dd</p> <p>dd</p> <p>dd</p> <p>dd</p> <p>dd</p> <p>dd</p> <p>dd</p> <p>dd</p> <p>dd</p> <p>dd</p> <p>dd</p> <p>dd</p> <p>dd</p> <p>dd</p> <p>dd</p> <p>dd</p> <p>dd</p> <p>dd</p> <p>dd</p> <p>dd</p> <p>dd</p> </body> </html>創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎
總結
以上是生活随笔為你收集整理的CSS实现div悬浮框的代码(兼容IE6)的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 神秘的程序员——编程的乐趣
- 下一篇： Excel与对齐的文本文件互转