也談如何用技術手段引導使用者放棄IE 6

中國的網民是很頑強的，也是很固執的！雖然IE6 在國外早就判了死刑，但是在中國至少還有近50%的佔有率，這實在很令人頭疼！

 

之前看過很多人提議，提議的方案也五花八門，比如:

1、讓XX花園盜版盤作者把IE6升級後，再發行 （基本不靠譜，您先能聯絡到盜版盤作者再說吧...）
2、咱們主動幫身邊的朋友、同事修電腦時，順便把IE升級一下 (出發點不錯，但是效果有限，何況可能有些人就是覺得IE6用著不錯，幹嘛升級?)
3、讓國內的一些壟斷廠家：比如360衛士之類，強制給使用者升級IE6 （這個嘛，肯定有效，但是得先徵得周鴻禕同意，貌似有難度）
4、讓微軟自己強制使用者升級 (這個肯定也有效，但是微軟為了照顧以前的使用者，估計也不太可能這麼做)
...

我覺得：與其指望別人或別的公司，還不如讓每個網站開發人員(確實來說是前端製作人員)在設計製作網頁時，充分利用IE6與其它瀏覽器的差異性，針對更優進的非IE6標準瀏覽器設計更好的使用者檢驗；而對於IE6，只要保證使用者能正常使用即可，這樣隨著時間的推移，使用者會慢慢意識到IE6上確實瀏覽網頁的使用者檢驗很差，很多好玩好用的功能都沒辦法用，然後他們就會慢慢放棄IE6。

 

具體怎麼做：

1、先檢測瀏覽器，嚇唬引誘使用者，拿我們公司最近正在改版的首頁來說

比如用IE6瀏覽時，是下面這幅模樣

在頂上給出一個嚇人的提示，讓使用者知道：自己用的瀏覽器原來叫IE6，而且它即將過時了，應該需要升級。當然有一點很重要：即使是引導，也不能強制讓使用者做自己不喜歡的事情，所以在右上方放一個關閉按鈕是很必要的，以方便一些不願意升級的使用者能關掉這段煩人的提示。

 

如果換其它瀏覽器瀏覽，則不會出現這段提示。

 

2.差異化的CSS設計

光靠第1步的忽悠使用者肯定是不行的，得切實讓使用者感受到IE6的爛！

IE6僅支援A元素的hover偽類，而標準瀏覽器對於任何元素都可以使用hover偽類，僅憑這一點，就能夠讓IE6遜色很多。

這是標準瀏覽器下的LI + A元素表現：

滑鼠移動到連結元素上時，不僅加了高亮背景色，甚至連布局都變了，這樣使用者可能會感覺有點新意，也會留下較深刻的印象。(特別是在第一次見到的時候，當然等到所有網站都用這一招時，也就不那麼稀奇了，這時候就得想其它招)

而IE6下卻只有很平常的表現：

 

可能並不直觀，詳細大家可以參見我這二天切的頁面示範(當然還沒完成，估計明天還得折騰一二個小時)

 

我並不是一個合格的前端開發人員，只能算是三腳貓功夫吧，相信園子裡有更多專業的前端技術人員，能想出更多、更好的差異性設計！如果大家有更好的建議(特指可實施性比較強的建議)，歡迎在評論中回複補充或指正。