標籤:瀏覽器相容性

[教學]使用jQuery和CSS去除超連結虛線

在瀏覽器預設狀況下,當您點了超連結之後,外框會自動出現虛線,因為這跟瀏覽器的focus焦點有關,可是在網頁的整體版面配置規劃與呈現上,這樣的虛線會影響整體美觀,這時候我們可以透過CSS來去除這個超連結外框,讓網頁版面配置上可以比較美觀,如果使用CSS調整失敗的話,也可以透過jQuery進行超連結去除,以達到美化效果。

這個虛線框是屬於a屬性的擬類別「:focus」,這東西規範於CSS2,讓所有超連結點到之後可以顯示其虛線外框,但這個虛線外框並不影響網頁的位置計算排版,簡單說可以想像他是浮在上面的,就算出現虛線外框也不會讓網頁版面位移,但這個做法只是讓網頁看起來比較不好看,多了一個外框虛線總覺得有點怪怪,所以就讓我們來去除虛線吧!

加個瀏覽器建議升級提示,跟IE6說掰掰!(If IE 語法)

每次網站改版,總是會猶豫要不要對IE6進行校正,因為這個已經超過10年前的瀏覽器,到現在還有使用者依依不捨,不捨的原因大多是因為他就是系統內建的,因為要求使用者去轉換使用平台或軟體,是一件非常麻煩的事情,他們可能認為本來好好的,為什麼要轉換呢?就算跟他說新版瀏覽器有多好,他還是會問你一句,我現在這樣就夠用了…。(整個說不過Orz)

既然用講的他們不願意換,那我們就在網上加個建議提示,或者是讓網站直接不對IE6校正,如果他們真的需要更好的體驗,就會自行更換瀏覽器。那我們該怎樣加入建議提示呢?如果跟一般正常內容一同加入,這樣不是所有人都會看到,包括那些使用最新版的瀏覽器之使用這,這不是很怪嗎?不用擔心,有一個If IE的語法,可以讓特定版本的IE才可以顯示特定內容,很方便的。

[下載]Internet Explorer 9 正式版,瀏覽速度更快!

微軟終於把自家的瀏覽器更新到Internet Explorer 9了,這次更新到這個版本有什麼目的呢?主要可能是跟上世界的腳步吧?IE9的介面有了全新的改變,介面越來越簡化,不再把一堆東西硬塞在瀏覽器上,因為瀏覽器主要就是網頁瀏覽體驗。除了瀏覽器介面有一些變化之外,連Logo也變得比較亮一些,可能希望引起大家的注目吧?

要說IE9有什麼特色的話,其實到官方網站都就可以知道了,因為大家都會強推自己的特色,主要的特色我想應該就是新增ActiveX過濾功能、更新Javascript引擎、新增下載管理員、新增分頁有縮圖、把網址列和搜尋框整合,以及整體的瀏覽速度是有比上一版的提升許多,看起來好像優化許多,不過比起其他瀏覽器似乎這些就不是特色了。

如何製作CSS多層下拉式選單?(不用Javascript)

製作網頁時,很多人會想要讓網頁選單擁有下拉的功能,因為這樣感覺比較炫,不過要製作下拉選單的選單可不容易,因為如果不太會CSS,那弄起來可是很頭大的。現在你不用再煩惱這樣的問題了,因為有現成的工具「Pure CSS Menu Maker」,只要滑鼠點一點,就可以產生多層的下拉選單。

這個Pure CSS Menu Maker選單製作軟體是完全免費的,可以製作多層的選單,而且不需使用Javascript,完全純CSS就達到的選單,是一個不可多得的好工具。透過滑鼠點擊設定,就可以輕鬆完成下拉選單,你完全不需去考慮瀏覽器相容問題,因為他都幫你處理好了,在各大新版瀏覽器都可以正常使用喔!

iorz新佈景上架,活力亮一夏!

最近經過上次的網站三歲文章後,我們收到許多表單的回應,其中有網友反應我們的佈景太單調了,都單色系。所以就趁著做畢專之餘,來改版一下網站了。雖然說還是沒達到跳出iNove框架的目標,不過這次配色到是有比較鮮豔一點了,因為夏天到了,要讓網站感覺有活力些!

不過每次佈景改版就要很龜毛的弄個幾天,這回當然也不例外。只是這回比較傷腦筋的是佈景名稱,想了很久也與天才討論了很久,最後叫做「iorz」,為什麼要叫做「iorz」?因為佈景名稱想到很讓我Orz,所以就這樣子取了。

GShine V1.0 新佈景、新配色,全新上架!

久違的新文章終於在昨天偷偷發文了,這半個月來香腸一直瞞著魷魚絲偷偷的在寫佈景、調佈景。經過上次的iNove大翻修,這回我們帶來了新配色以及新的網頁效果,讓各個瀏覽器瀏覽香腸炒魷魚時,效果差異變小,這次也盡可能的減少圖片與外掛用量,讓網站整體速度可以更快、效果可以更炫。

[下載]IETester方便測試網頁,讓電腦有IE6、IE7、IE8!

每次修改部落格佈景CSS時,最害怕就是瀏覽器相容性問題。在Firefox中有強大的附加元件「Firebug」可以讓你快速修改CSS,輕輕鬆鬆相容於Firefox並支援標準的W3C規格。可惜歷年來的IE都不走正規的W3C標準,造成在Firefox瀏覽器下修改的CSS套用到IE上可說是面目全非,但若要針對IE修正可就頭大,因為微軟作業系統內並無法同時並存多個IE瀏覽器,想修正瀏覽器相容性問題可真是個大麻煩,這時相信IETester可以說是你的救星!