提示用戶升級IE6瀏覽器的辦法


IE6一直飽受設計者們的詬病,互聯網風雲變幻十多年,唯一沒變的就是這款在當初被微軟內置在winxp系統而又火的不行的瀏覽器。而如今,在日新月異的網絡環境下,IE6卻讓一個原本美觀整潔的網頁變得滿目瘡痍,甚至是慘不忍睹。

相比一些一些沒有升級瀏覽器的網民而言,IE6帶給網頁設計者們的卻是深深的苦難,網頁設計者們為了能兼容這款已經嚴重落后卻又至今占據着龐大用戶市場的瀏覽器不知花費了多少時間和精力,抹殺了多少設計者們的本就入不敷出的腦細胞。。。

下面這段代碼,是一段檢測並提示用戶升級IE6瀏覽器的代碼,在不影響自身體驗的情況下,大家可以結合CSS靈活運用,也算間接為同行們做出一些貢獻。

XML/HTML 代碼
<style type="text/css">
#ie6shengji{
position:absolute;
top:10px;
left:0;
font-size:14px;
color:#ff0000;
width:97%;
padding: 2px 15px 2px 23px;
text-align:left;
}
</style>
<body><!--body下面代碼-->
<!--[if lte IE 6]>
<div id="ie6shengji">親愛的朋友,您正在使用瀏覽器版本嚴重過低(IE6,或使用IE內核的國產瀏覽器),請升級新版IE8,Chrome,火狐等瀏覽器。</div>
<script type="text/javascript">
function position_fixed(el, eltop, elleft){
// check if this is IE6
if(!window.XMLHttpRequest)
window.onscroll = function(){
el.style.top = (document.documentElement.scrollTop + eltop)+"px";
el.style.left = (document.documentElement.scrollLeft + elleft)+"px";
}
else el.style.position = "fixed";
}
position_fixed(document.getElementById("ie6-warning"),0, 0);
</script>
<![endif]-->
這段代碼在其他瀏覽器下不會生效,在IE6下會在頁面頂端出現如19行所示文字。結合CSS可以靈活設計出各種提示效果,給I網頁增加不少親和力和人性化。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM