今天小编跟大家讲解下有关CSS实现的div悬浮框并且兼容IE6的样式 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关CSS实现的div悬浮框并且兼容IE6的样式 的相关资料,希望小伙伴们看了有所帮助。
复制代码代码如下: <!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>来源:爱蒂网