DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> IE7和FF浏覽器中右下角圖片廣告
IE7和FF浏覽器中右下角圖片廣告
編輯:CSS詳解     

互聯網提供了很多種“將廣告始終定位到網頁右下角”的解決方案,大多會用到Javascript,其實僅調用樣式表就可以實現該效果。
以下萬惡的代碼主要是寫給IE6的,在IE7和FF浏覽器中,只需要position:fixed就可以將圖層定義到網頁的任意位置。

相關樣式:

  1. body{margin:0;border:0;height:100%;overflow-y:auto;}
  2. #test{display:block; bottom:3px; right:3px; width:130px;position:fixed;}
  3. /* 以下是寫給IE6的 */
  4. * Html #test{position:absolute;right:18px} 
  5. * Html{overflow-x:auto; overflow-y:hidden;}

演示頁面:

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

必要元素:
DOCTYPE聲明 、 Html標簽 、body標簽 、 一個ID為test的div。

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