web页在微信中访问增加遮罩层右上角弹出在浏览器中打开

<style type="text/css">
* {margin: 0;padding: 0;
}a {text-decoration: none;
}img {max-width: 100%;height: auto;
}.weixin-tip {display: none;position: fixed;left: 0;top: 0;bottom: 0;background: rgba(0, 0, 0, 0.8);filter: alpha(opacity = 80);height: 100%;width: 100%;z-index: 100;
}.weixin-tip p {text-align: center;margin-top: 10%;padding: 0 5%;
}
</style>

<div class="weixin-tip"><p><img src="data:images/tip.png" alt="在浏览器打开" /></p></div>

<script>$(window).on("load", function() {var winHeight = $(window).height();function is_weixin() {var ua = navigator.userAgent.toLowerCase();if (ua.match(/MicroMessenger/i) == "micromessenger") {return true;} else {return false;}}var isWeixin = is_weixin();if (isWeixin) {$(".weixin-tip").css("height", winHeight);$(".weixin-tip").show();}})
</script>

DEMO下载地址

web页在微信中访问增加遮罩层右上角弹出在浏览器中打开相关推荐

element-UI 弹出组件dialog的遮罩层在弹出层的上面 - 解决篇
element-UI 弹出组件的遮罩层在弹出层dialog模态框的上面? bug演示: 代码逻辑调整之后,页面就正常了(代码和效果图 · 见下文): 解决办法: 将dialog组件剪贴到最父级div元 ...
element ui 弹出组件的遮罩层在弹出层的上面的解决方法
element ui 弹出组件的遮罩层在弹出层的上面的解决方法参考文章: (1)element ui 弹出组件的遮罩层在弹出层的上面的解决方法 (2)https://www.cnblogs.com/ ...
axure侧弹层遮罩_Axure教程带遮罩层的弹出框（9）
1. 点击按钮弹出带遮罩层的对线. 页面上下左右滚动时,弹出的对话框水平和垂直始终居中. 2. 双击其中一个动态面板设置标签为"遮罩层"(看个人喜好随便命名),并双击状态1 ...
遮罩层和弹出层（居中）
<!DOCTYPE html> <html><head><meta charset="utf-8"><title>居中弹 ...
element ui 弹窗遮罩层在弹出层的上面。点击关闭弹窗弹窗关闭了但是遮罩层没关
首先弹窗一个水平测试报告.然后点击查看解析又可以弹窗一个框这时我们发现这个解析的框被外面一个遮罩层挡住了. 我把这个水平测试报告的弹窗写在一个组件里面.在组件里面又写了解析的弹窗. 首先查看官网的e ...
js ajax 点击遮罩层,jQuery弹出遮罩层效果完整示例
本文实例讲述了jQuery弹出遮罩层效果.分享给大家供大家参考,具体如下: /p> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transition ...
网页制作 HTML实现遮罩层的方法 HTML中如何使用遮罩层
网页制作 HTML实现遮罩层的方法 HTML中如何使用遮罩层 Web页面中使用遮罩层,可防止重复操作,提示loading:也可以模拟弹出模态窗口. 实现思路:一个DIV作为遮罩层,一个DIV显示loa ...
前端页面嵌入二维码，微信扫出现请点击右上角，选择在浏览器中打开的解决方法
现在手机微信上扫码比较多,但是微信内置的浏览器相对而言会有拦截,会提醒用户 " "请点击右上角,选择"在浏览器中打开" "打开的字样,但具体怎么实现, ...
微信小程序页面跳转、弹出框
一.页面跳转页面跳转是微信小程序中使用较为频繁并且很重要的功能之一,页面跳转一般是通过点击按钮或者文本区域后需要进行的操作. 页面跳转中需要注意的点很多,我在这就介绍一些我在写项目过程中所遇到的一些 ...

web页在微信中访问增加遮罩层右上角弹出在浏览器中打开

web页在微信中访问增加遮罩层右上角弹出在浏览器中打开相关推荐

最新文章

热门文章

web页在微信中访问增加遮罩层 右上角弹出在浏览器中打开

web页在微信中访问增加遮罩层 右上角弹出在浏览器中打开相关推荐

最新文章

热门文章

web页在微信中访问增加遮罩层右上角弹出在浏览器中打开

web页在微信中访问增加遮罩层右上角弹出在浏览器中打开相关推荐