DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS進階教程 >> CSS教程:讓IE6支持position:fixed
CSS教程:讓IE6支持position:fixed
編輯:CSS進階教程     

網頁制作poluoluo文章簡介:但ie6總不支持它,所以用其他的屬性來模擬(這個模擬在主流浏覽器中都兼容,所以其他浏覽器也不需要分開寫position:fixed了)。

  • 參與測試的浏覽器:IE6 / IE7 / IE8 / FF3 / OP9.6 / SF3 / Chrome2
  • 操作系統:Windows

我喜歡position:fixed,它很酷。
但ie6總不支持它,所以用其他的屬性來模擬(這個模擬在主流浏覽器中都兼容,所以其他浏覽器也不需要分開寫position:fixed了)。
看效果先:

運行代碼框

[Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運行]

這是基於這種方法做的對聯效果:

運行代碼框

[Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運行]

原理如下:

運行代碼框

[Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運行]

把框框的高寬都擴大到100%,然後將雷打不動的文字定個位就行了。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved