HTML: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> <link rel="stylesheet" type="text/css" href="http://s.ytimg.com/yt/cssbin/www-core-vfl108415.css"/> </HEAD> <BODY> <!--[if lt IE 7]> <style type="text/css"> #ie6-box { background-color: #cddceb; padding: 8px; margin-bottom: 4px; } #ie6-box .upgrade-message { font-size: 14px; width: 381px; } #ie6-box .upgrade-message a { /* Override link properties because of translation */ text-decoration: none !important; color: black !important; border-bottom: 0 !important; cursor: text; } #ie6-box .close-button { float: right; display: block; margin-left: 8px; } #ie6-box .close-icon { background-position: -57px -712px; display: block; height: 12px; width: 12px; } #ie6-box .browser-links { float: right; } #ie6-box .browser-link img { background-image: url(http://s.ytimg.com/yt/img/browsers-vfl107426.png); width: 172px; height: 32px; margin-left: 8px; } #ie6-box .browser-link:hover img { background-position-x: -172px; } #ie6-box .chrome-link { background-position-y: 0; } #ie6-box .ie8-link { background-position-y: -32px; } #ie6-box .firefox-link { background-position-y: -64px; } </style> <div id="ie6-box"> <a href="#" class="close-button" onclick="hideIE6UpgradeBox(); return false"><img src="http://s.ytimg.com/yt/img/pixel-vfl73.gif" class="master-sprite close-icon"></a> <p class="browser-links"><a href="http://www.google.com/chrome/index.html?brand=CHNY&utm_campaign=en&utm_source=en-et-youtube&utm_medium=et" class="browser-link" onmousedown="sendIE6UpgradeGen204('chrome');"><img src="http://s.ytimg.com/yt/img/pixel-vfl73.gif" class="chrome-link"></a><a href="http://www.microsoft.com/windows/internet-explorer/default.aspx" class="browser-link" onmousedown="sendIE6UpgradeGen204('ie8');"><img src="http://s.ytimg.com/yt/img/pixel-vfl73.gif" class="ie8-link"></a><a href="http://www.mozilla.com/en-US/?from=sfx&uid=267821&t=449" class="browser-link" onmousedown="sendIE6UpgradeGen204('firefox');"><img src="http://s.ytimg.com/yt/img/pixel-vfl73.gif" class="firefox-link"></a></p> <p class="upgrade-message"><strong class="nobr">请<a href="#" class="eLink" onclick="showDiv('browser-upgrade-options'); return false;">升级至新式浏览器</a>，以获得更丰富的在线体验。</strong> <span class="nobr">我们即将取消对 Internet Explorer 6 的支持，因此请立即升级。</span></p> </div> <script type="text/javascript"> function readCookie(name){ var start=document.cookie.indexOf(name); var end=document.cookie.indexOf(";",start); return start==-1 ? null : unescape(document.cookie.substring(start+name.length+1,(end>start ? end : document.cookie.length))); } function createCookie(name,value){ expires=new Date(); expires.setTime(expires.getTime()+(86400*365)); document.cookie=name+"="+escape(value)+"; expires="+expires.toGMTString()+"; path=/"; } function sendIE6UpgradeGen204(browser) { var a = new Image(); a.src = '/gen_204?action=browserupgrade&browser=' + browser; } function hideIE6UpgradeBox() { createCookie('hideIE6UpgradeBox', true); hideDiv('ie6-box'); } if (readCookie('hideIE6UpgradeBox')) { hideDiv('ie6-box'); } function hideDiv(id){ document.getElementById(id).style.display = 'none'; } </script> <![endif]--> </BODY> </HTML> 没测试环境。:jiong:自己整理下图片和样式资源。