作者:,     

在網站加入警告標語,建議 IE 6.0 的使用者升級!

如果你有自己架站,每次修改版面時可能都得考慮到不同版本的瀏覽器所造成的視覺效果差異,以及舊版IE6瀏覽器無法支援較新的語法標籤等屬性...等等問題。如果你希望能在網站上放一些簡單的警告標語,讓使用舊版IE 6.0瀏覽器的使用者多個機會思考一下換用新版瀏覽器的話,可以試試看以下的方式。

下面這東西很簡單,就是一個簡單的if判斷語法,把你要顯示的語句用「<!--[if lte IE 6]>」跟「<![endif]-->」包起來,只要瀏覽器版本是IE 6.0以下的使用者,開啟你的網站都會看到這些警示標語。

功能示範:

排擠IE6的使用者

 

 

程式碼:

<!--[if lte IE 6]>
<div style="background-color:#DDECFF;margin:5px 0 5px 0;padding:3px 10px 3px 10px;border-color:#F6F6F6; border-style:solid;border-width:2px;">
<p><font size="2"><strong>您好</strong>,您目前使用的是舊版的<del>IE 6.0網路瀏覽器</del>,建議使用更快、更好用的瀏覽器! 如:<big><a target="_blank" href="http://briian.com/?p=5726"><u>Google瀏覽器</u> <font color="red">(推薦!)</font></a></big>、<a target="_blank" href="http://briian.com/?p=6248">Firefox</a>、<a target="_blank" href="http://briian.com/?p=6264">Opera</a>、<a target="_blank" href="http://briian.com/?p=6139">Safari</a> 或 <a target="_blank" href="http://briian.com/?p=6166">IE
8.0</a>。</font></p>
</div>
<![endif]-->
 

請將以上程式碼貼到網站版面中,譬如說我是放在<header>下方,在網友閱讀網站內容前先讓它看到這些訊息。你要放到其他位置也可以,中間的內文也都可以改成你喜歡的字句。

 

if判斷式的簡單說明:

<!--[if IE]>
這樣使用IE瀏覽器(全部版本)的人都看得到。
<![endif]-->

<!--[if IE 6]>
這樣IE 6.0版本會看得到,只限IE 6.0版本。
<![endif]-->

<!--[if lt IE 6]>
這樣IE 6.0以下版本會看得到,不包含6.0。
<![endif]-->

<!--[if lte IE 6]>
這樣IE 6.0以下版本會看得到,包含6.0。
<![endif]-->

<!--[if lte IE 8]>
這樣IE 8.0以下版本會看得到,包含8.0。
<![endif]-->

<!--[if gt IE 5]>
這樣IE 5.0以上版本會看得到,不包含5.0
<![endif]-->

<!--[if gte IE 5]>
這樣IE 5.0以上版本會看得到,包含5.0
<![endif]-->

 

說明:

  • gt:greater than (版本編號大於)
  • lt:less than (版本編號小於)
  • gte:greater than or equal to (版本編號大於等於)
  • lte:less than or equal to (版本編號小於等於)

 

非經授權,請勿全文轉載,本文網址:
→ 免費訂閱最新文章:  (如何訂閱?)
作者: | 發佈日期:
注意事項:本站所介紹之軟體、設定或網站服務,經實際安裝測試並通過防毒軟體掃毒。但因為不同電腦環境與軟體設定可能都各有差異,建議您僅在非工作用的電腦安裝、測試,避免因為不可預知的錯誤、當機或軟硬體衝突,影響您的工作或電腦運作。另外,在進行任何重要的操作與設定之前,記得先行備份電腦中的重要資料,避免因為未依指示的不當操作或其他疏失造成資料毀損。當您依照本文所提供之訊息執行各種操作,表示您已閱讀此注意事項並同意自行承擔可能之風險與責任。

 

歡迎留下你的想法或意見...

  1. toppy368 說道:

    這跟下面這張YouTube截圖的用意差不多,而Blog只要某些樣版開發人員讓自己製作樣版不支援IE6也可以達到太久換新的作用。

    http://farm4.static.flickr.com/3466/3729635600_12cdb87713_o.gif

    可惜我家不習慣IE7的介面(維持IE6),目前Firefox3.5又不穩定,所以可能要等一陣子才會更新瀏覽器的版本吧!

  2. harry51212 說道:

    這個語法
    部落格也可以用嗎?

  3. AYO 阿佑 說道:

    基本上,屏除 IE版本之間的評論,
    單以 這種警告標語的寫法來說,
    是蠻實用的

    以上 AYO 阿佑

  4. 說道:

    IE6的介面哪裡好看?不能隱藏功能表,圖示一點也不精緻(很粗糙)!

  5. Chien-li 說道:

    Youtube也是會出現類似的東西,要你更新瀏覽器或換掉瀏覽器

  6. H 說道:

    原來之前有人在這個網站罵是有原因的喔!
    才剛留完的留言就被刪了
    原來站長真的只想看自己想說的東西
    其他都刪光光…

    說比較喜歡IE6的介面
    因為簡潔 分類清楚
    這樣就被刪…

    有影響到我對這個網站的評價

  7. H 說道:

    比起來還是最喜歡IE6的介面
    簡潔大方
    工具列分類也清楚

    就像不想用OFFICE2007的原因一樣
    為什麼要改變介面呀?

    我覺得如果改成可以自由選擇新或舊版的介面
    不管是IE7 IE8 或OFFICE 2007
    在推廣時應該就不會有問題了

  8. AKiRA 說道:

    真好。大家一起來淘汰IE6吧。
    不要再讓網頁設計師減壽了XD

發表迴響

你的電子郵件位址並不會被公開。