TShopping

標題: IE6 position:fixed Hack [打印本頁]
作者: woff    時間: 2010-4-10 17:10
標題: IE6 position:fixed Hack
IE6 不支援 position:fixed

網路上有很多說明IE6 要如何模擬其他瀏覽器支援 position:fixed的方式

例如:


  2. html, body{

  4. margin:0;

  6. padding:0;

  8. }



  12. #fixed {

  14. position:fixed;

  16. width:380px;

  18. top:0px;

  20. right:100px;

  22. }





  28. * html {

  30. overflow: hidden;

  32. }



  36. * html body,

  38. * html #wrapper {

  40. position:relative;

  42. width:100%;

  44. height:100%;

  46. overflow:auto;

  48. }



  52. * html #fixed {

  54. position:absolute;

  56. }
  57. html, body {height: 100%;overflow: auto; }

  59. div{position:absolute;}

  61. body>div{position:fixed;}
複製代碼


position:fixed 的用途，像是廣告、選單，需要固定在頁面上某個位置時，都可以用 position:fixed 來處理。
作者: 000plmook    時間: 2012-3-11 00:58
哈哈，看的人少，回一下  



歡迎光臨 TShopping (http://www.tshopping.com.tw/) Powered by Discuz! X3.2