網站設計者才是瀏覽器的主宰

這幾天在做一個大型網站,因為全站都是div+css,所以存在兼容性問題

尤其是IE,簡直不可理喻,ie6,ie7,ie8每個版本都對css的支持狀況不一樣,再加上一個firefox,讓我鬱悶的不行,最後為了順應潮流,跟隨瀏覽器的發展趨勢,所以寫了一段jquery代碼,讓ie6和ie7都去見鬼吧!

其實我們完全可以站在firefox的角度將firefox對css的支持方式作為標準.因為firefox是開源的,有大批的程序員對其進行修正和完善,一旦對css的支持存在bug就會很快修復完善,所以他才是最借機恩標準的產品,由此不難看出開源的好處了.

//如果要轉載本文請注明出處,免的出現版權紛爭,我不喜歡看到那種轉載了我的作品卻不注明出處的人 Seven{See7di#Gmail.com}

var isIE = 0/*@cc_on+1@*/;
$(function(){
    try{if(isIE){
        var X,V;V=navigator.appVersion;
        X=parseFloat(V.substring(V.indexOf("MSIE")+5,V.lastIndexOf("Windows")));
        if(X<8){
            w=screen.width/2-220;
            warncss='<style type="text/css">html,body{overflow:hidden;}#warn{500%;height:500%;background-color:#000;position:absolute;z-index:99999;filter:Alpha(opacity=90);-moz-opacity:.9;opacity:0.9;}';
            warncss+='#warn p{border:5px solid red;color:red;400px;margin:150px 0 0 '+w+'px;font-weight:bold;font-size:13px;background-color:#fff;padding:10px;}#warn a{font-size:13px;text-decoration:underline;}</style>';
            $("body").prepend(''+warncss+'<div id="warn"><p>對不起:<br>您所使用的瀏覽器版本為 IE'+X+' 它無法滿足本網站的需求.<br>請您<a href="http://www.microsoft.com/taiwan/promo/ie8-love/?WT.mc_id=WOL_Homepage_banner" target="_blank">升級至IE8</a>或<a href="http://www.mozilla.com/firefox/" target="_blank">更換使用Firefox</a>等瀏覽器訪問我們的網站!</p></div>');}}
    }catch(e){}

})

以上代碼執行之後的效果為

原文地址:https://www.cnblogs.com/see7di/p/2239823.html