微信弹出浏览器打开提示

#weixin-tip{
				display:none; 
				position: fixed; 
				left:0; top:0; 
				background: rgba(0,0,0,0.8); 
				filter:alpha(opacity=80); 
				width: 100%; 
				height:100%; 
				z-index: 100;
			} 
			#weixin-tip img{
				width: 100%;
			}
			#weixin-tip p{
				text-align: center; 
				margin-top: 10%; 
				padding:0 5%; 
				position: relative;
			}
			#weixin-tip .close{
			    color: #fff;
			    padding: 5px;
			    font: bold 20px/20px simsun;
			    text-shadow: 0 1px 0 #ddd;
			    position: absolute;
			    top: 0; left: 5%;
			}			}

 <div id="weixin-tip">
                    <p>
                        <img src="live_weixin.png" alt="微信打开"/>
                        <span id="close" title="关闭" class="close">×</span>
                    </p>
                </div>

 var is_weixin = (function() {
                    var ua = navigator.userAgent.toLowerCase();
                    if (ua.match(/MicroMessenger/i) == "micromessenger") {
                        return true;
                    } else {
                        return false;
                    }
                })();
                window.onload = function(){
                    var winHeight = typeof window.innerHeight != 'undefined' ? window.innerHeight : document.documentElement.clientHeight;
                    var btn = document.getElementById('J_weixin');//你页面的点击下载按钮的id
                    var tip = document.getElementById('weixin-tip');
                    var close = document.getElementById('close');
                    if(is_weixin){
                        btn.onclick = function(e){
                            tip.style.height = winHeight + 'px';
                            tip.style.display = 'block';
                            return false;
                        }
                        close.onclick = function(){
                            tip.style.display = 'none';
                        }
                    }
                }