還在用IE6?Google及YouTube都要放棄IE6了,你呢?

2010/03/01 網路大小事

你~還在用IE6瀏覽器嗎?該換掉了哦,除了前陣子Google發佈自3/1起也就是今天將不支援IE6瀏覽器,而且也將Gear技術改成使用HTML5的最新技術,然後Youtube也將從3/13起也不支援IE6,而且也將慢慢的改用HTML5的新技術,所以如果你還在使用XP預設的IE6瀏覽器,再過不久你可能進到一些網站後會發現怎麼版面都亂七八糟,不然就是東缺西缺的,沒錯,這就是IE6的超級大問題,所以趕緊更換成其它瀏覽器或升級IE才是王道哦。

如果你已經準備好要放棄IE6了,請直接觀看其它瀏覽器吧!

IE8:https://steachs.com/archives/641
Google Chrome:https://steachs.com/archives/1427
Firefox:https://steachs.com/archives/1415
Opera:https://steachs.com/archives/890
Safari:https://steachs.com/archives/799

 

之前丫湯有介紹過在自己的網站上加入IE6提醒用戶的訊息,如果你想換個新樣式可以參考一下方的語法。

樣式展示:

01

在Header的<body>下方加入以下語法:

<!--[if lte IE 6]>

<div id="ie6warning">

<div id="warning"></div>

<div id="warningtext">您用的是舊版的IE6瀏覽器,強烈建議您升級為IE8或是使用Chrome、Firefox、Safari、Opera等瀏覽器</div>

<div id="opera"><a href="https://steachs.com/archives/890" title="前往Opera瀏覽器" alt="前往Opera瀏覽器"/>Opera</a></div>

<div id="safari"><a href="https://steachs.com/archives/799" title="前往Safari瀏覽器" alt="前往Safari瀏覽器"/>Safari</a></div>

<div id="chrome"><a href="https://steachs.com/archives/1427" title="前往Google Chrome瀏覽器" alt="前往Google Chrome瀏覽器"/>Chrome</a></div>

<div id="firefox"><a href="https://steachs.com/archives/1415" title="前往Firefox瀏覽器" alt="前往Firefox瀏覽器"/>Firefox</a></div>

<div id="ie"><a href="https://steachs.com/archives/641" title="前往IE8瀏覽器" alt="前往IE8瀏覽器"/>IE8</a></div>

</div>

<![endif]-->

然後CSS的部份:

#ie6warning{

background:#393d3e;

width:970px;

height:32px;

margin:15px auto;

padding-left:10px;

}

#warning{

background:url(http://image.steachs.com/ie6waring/warning.png) no-repeat;

height:32px;

width:32px;

float:left;

}

#warningtext{

padding:8px 10px 0;

font-size:13px;

color:#FFF;

float:left;

}

#ie a{

background:url(http://image.steachs.com/ie6waring/IE.png) no-repeat;

height:32px;

width:32px;

float:right;

text-decoration:none;

text-indent:-999em;

padding-right:5px;

opacity: 0.5;filter:alpha(opacity=50);zoom:1;

}

#ie a:hover{

background:url(http://image.steachs.com/ie6waring/IE.png) no-repeat;

height:32px;

width:32px;

float:right;

text-decoration:none;

text-indent:-999em;

padding-right:5px;

opacity: 1;filter:alpha(opacity=100);zoom:1;

}

#firefox a{

background:url(http://image.steachs.com/ie6waring/firefox.png) no-repeat;

height:32px;

width:32px;

float:right;

text-decoration:none;

text-indent:-999em;

padding-right:5px;

opacity: 0.5;filter:alpha(opacity=50);zoom:1;

}

#firefox a:hover{

background:url(http://image.steachs.com/ie6waring/firefox.png) no-repeat;

height:32px;

width:32px;

float:right;

text-decoration:none;

text-indent:-999em;

padding-right:5px;

opacity: 1;filter:alpha(opacity=100);zoom:1;

}

#chrome a{

background:url(http://image.steachs.com/ie6waring/chrome.png) no-repeat;

height:32px;

width:32px;

float:right;

text-decoration:none;

text-indent:-999em;

display:block;

padding-right:5px;

opacity: 0.5;filter:alpha(opacity=50);zoom:1;

}

#chrome a:hover{

background:url(http://image.steachs.com/ie6waring/chrome.png) no-repeat;

height:32px;

width:32px;

float:right;

text-decoration:none;

text-indent:-999em;

padding-right:5px;

opacity: 1;filter:alpha(opacity=100);zoom:1;

}

#safari a{

background:url(http://image.steachs.com/ie6waring/safari.png) no-repeat;

height:32px;

width:32px;

float:right;

text-decoration:none;

text-indent:-999em;

padding-right:5px;

opacity: 0.5;filter:alpha(opacity=50);zoom:1;

}

#safari a:hover{

background:url(http://image.steachs.com/ie6waring/safari.png) no-repeat;

height:32px;

width:32px;

float:right;

text-decoration:none;

text-indent:-999em;

padding-right:5px;

opacity: 1;filter:alpha(opacity=100);zoom:1;

}

#opera a{

background:url(http://image.steachs.com/ie6waring/opera.png) no-repeat;

height:32px;

width:32px;

float:right;

text-decoration:none;

text-indent:-999em;

padding-right:10px;

opacity: 0.5;filter:alpha(opacity=50);zoom:1;

}

#opera a:hover{

background:url(http://image.steachs.com/ie6waring/opera.png) no-repeat;

height:32px;

width:32px;

float:right;

text-decoration:none;

text-indent:-999em;

padding-right:10px;

opacity: 1;filter:alpha(opacity=100);zoom:1;

}

你可能對這些內容也有興趣

阿湯 作者:阿湯

對電腦 & 網路資訊充滿興趣與熱情、瘋了似的每日堅持發文,「阿湯」這個名字是由湯姆克魯斯而來的,雖然我沒有他帥氣,也不會演電影,但我會寫文章....

更多關於的文章》

12 個留言

  1. Avatar 東風表示:

    為什麼 a:hover 中要寫 width 及 height 等設定?不是 a 寫了 width 及 height,a:hover 就不用寫嗎?
    多寫一次較麻煩,也不方便維護啊

    阿湯 說:

    是的,可以省略哦

  2. Avatar alan表示:

    我來支持一下~感謝站長的提醒~
    我也在網站上安裝了 “提醒用戶的訊息” 語法喔

    阿湯說:

    不客氣

  3. Avatar 肥肥表示:

    湯大 我也換IE8囉^^

    阿湯說:

    之前不是說了嗎@@~

  4. Avatar 肥肥表示:

    雖然我也想改 但是一旦裝錯版本就會…連自己是32還是64位元都不知道
    也不知道安裝程式上哪找

    阿湯說:

    用chrome或firefox就好了

  5. Avatar 肥肥表示:

    可是 我是多國語言版的XP
    筆電的0.0
    是從自動更新灌的

    阿湯說:

    所以??

  6. Avatar 肥肥表示:

    IE6.0使用者==
    害怕之前安裝7.0發生的慘事
    8.0更不敢說了 連安裝程式都是英文的捏

    阿湯說:

    8安裝是中文哦,你應該不是下載台灣版的吧

  7. Avatar Woo表示:

    這篇文章應該上新聞才對..有些人就是怎麼勸也勸不聽。
    我想微軟會開放選擇安裝瀏覽器也是因為這樣吧
    感覺煙硝味很重…

    阿湯說:

    這二天新聞又發佈IE6和7又有漏洞了

  8. 聯合抵制IE6 請升級或更新瀏覽器
    http://blog.joytown.tw/2009/07/31/531

    諾來串文!支持!

    阿湯說:

    ^^

  9. Avatar Shawn Liu表示:

    IE6要步入歷史了

    畢竟真的很不安全

    目前一直服役CHROME!!!

    阿湯說:

    我是chorme和FF交換用

  10. Avatar julyxii表示:

    对了阿汤,Firefox的链接前面掉了个X..ORZ

    阿湯說:

    感謝丫,改好了

  11. Avatar julyxii表示:

    那啥,网吧,家庭里面,IE6大把大把有人用,笑而不语笑而不语啊!还有我们伟大的“政府网站”最佳浏览效果1024*768 IE6。笑而不语啊!

    阿湯說:

    對呀,對大IE用戶大概就是政府機關了吧

  12. Avatar 大鐵表示:

    是呀,我現在的公司和前一個公司,開發系統早都已排除 IE6 了~

    阿湯說:

    應該的

發表留言 »

姓名(*)
信箱(*)