admin管理员组文章数量:1516870
样式css:
.open-in-browser{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);background-repeat:no-repeat;background-position:top right;background-size:contain;z-index:9999;display:none;}
.open-in-browser.in{display:block;}
.open-in-browser.android{background-image:url('images/giftpacks-android-open-in.png'}
.open-in-browser.ios{background-image:url('images/giftpacks-ios-open-in.png'}
(position:fixed;/position:absolute; 页面过长出现滚动条必须用position:fixed;防止随着滚动条的滚动而滚动)
使用:
<div class="open-in-browser"></div>
jq:
(/iPhone|iPad|iPod|Macintosh/i.test(navigator.userAgent))?$(".open-in-browser").addClass("ios in"):$(".open-in-browser").addClass("android in");
$(document).on("click",".open-in-browser",function(){
$(this).removeClass("in");
});
本文标签: 浏览器
版权声明:本文标题:微信浏览器引导浏览器打开 内容由网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:https://www.betaflare.com/biancheng/1741132625a2345393.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。


发表评论