



有些時候我們必須利用圖片來做超連結,如果點下去後不是只接換掉整個網頁(target=_blank)總是會看到一個虛框包住那張圖片,實在是有礙觀瞻,此篇文章就來簡單說明一下如何拿掉這效果。




之前就有介紹過 CSS Sprites 技巧的好處,但是都是紙上談兵,沒有實作,這次因為 demo 小鋪 4.0 的產生也就順便實作 CSS Sprites 技巧,在實作的過程中遇到一些設計上的困難點,所以本文章會以 demo小鋪 本身的實作經驗以及效果來介紹 CSS Sprites 實戰的技巧。




因為demo正在著手製作demoshop V4所以最近又遇到了要自己切版面的事情,以demo之前的習慣就是把圖切小然後來減少單圖的大小加快傳輸速度,但我只能說這是demo從撥接時代留下來的錯誤觀念,一樣是一個一知半解的錯誤。




每個瀏覽器都有快取的功能,尤其是靜態檔案(css就是一個),在快取還沒過期之前瀏覽器會自動從快取讀取,但我發修改CSS檔以後要怎麼讓所有使用者立刻看到改變呢?要使用者去清快取是不可能的,所以我們就利用以下技巧來處理吧。







因為Internet Explorer6、Internet Explorer7和Firefox對於CSS的解析還是有些許的不同,所以我們可以利用以下Hack的方式來作區分
