大佬教程收集整理的这篇文章主要介绍了css – IE 6与位置:固定,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
<!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" lang="en" xml:lang="en"> <head> <meta http-equiv="Content-type" content="text/html; charset=iso-8859-1" /> <title>Sidebar fixed</title> <style type="text/css"> #wrapper { position:relative; width:900px; margin:0 auto 0 auto; } #sidebar_left { position:fixed; height:200px; width:200px; border:1px solid #000; } #sidebar_right { position:fixed; height:200px; width:200px; margin-left:700px; border:1px solid #000; } #content { position:absolute; height:2000px; width:480px; margin-left:210px; border:1px solid #000; } </style> </head> <body> <div id="wrapper"> <div id="sidebar_left"> <p>Left sidebar</p> </div> <div id="sidebar_right"> <p>Right sidebar</p> </div> <div id="content"> <p>This is the content</p> </div> </div> </body> </html>
<!--[if IE 6]> <style type="text/css"> #sidebar_right,#sidebar_left { position:absolute; /* position fixed for IE6 */ top:expression(0+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px'); left:expression(0+((e=document.documentElement.scrollLeft)?e:document.body.scrollLeft)+'px'); } </style> <![endif]-->
结果不是非常流畅,但确实有效.
UPDATE
我不太清楚如何使用它;只需将具有“position:fixed”的任何元素的id(或类)添加到上述块开头的声明列表中,它们将在IE6中表现自己.
以上是大佬教程为你收集整理的css – IE 6与位置:固定全部内容,希望文章能够帮你解决css – IE 6与位置:固定所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。