精华内容
下载资源
问答
  • 谷歌,火狐等浏览器都是直接将一个盒子理解成一块一块的,想分层就按照你的z-index高低来区分,而safari不是,safari是将整个浏览器的页面看成一个整体,虽然也是一块一块的,但是他的分层是按照视觉感来分层的,它...

    出现的问题:

    使用全屏遮罩层时遮不住导航栏,或者是弹窗时被导航栏覆盖,弹窗在导航栏下方
    此情况仅IOS端出现,安卓和PC端正常,考虑IOS兼容性问题

    1.为什么会出现层级不生效

    原因1

    谷歌,火狐等浏览器都是直接将一个盒子理解成一块一块的,想分层就按照你的z-index高低来区分,而safari不是,safari是将整个浏览器的页面看成一个整体,虽然也是一块一块的,但是他的分层是按照视觉感来分层的,它认为在下面的代码块总比在上面的代码块离人的眼睛近,所以就应该覆盖在上面的代码块上面,不应该用z-index来区分,而是应该用视觉来区分

    .mask {
        z-index: 999; /*这里是给chrome用的*/
        transform: translateZ(1000px); /*这里是给safari用的*/
    }
    

    原因2

    在safari浏览器中有个独有的属性 ,就是弹性滑动:-webkit-overflow-scrolling: touch
    如果使用了这个属性,也会造成z-index不生效
    解决方式更加简单,设置成unset即可

    -webkit-overflow-scrolling: unset;
    

    本次解决方法

    本次遇到的遮罩层时遮不住导航栏的问题,应当是第一种原因,因为使用了Vant框架的ImagePreview组件,所以直接将组件挂载到body节点即可

    <van-image-preview 
    	getContainer="body"
    	v-model="show" 
    	:images="images" 
    	@change="onChange">
      <template v-slot:index>第{{ index }}页</template>
    </van-image-preview>
    

    如果你是用的是Overlay 遮罩层,Overlay 没有提供挂载属性,你可以将Overlay 放在image-preview的cover插槽内。

    展开全文
  • safari 浏览器

    2012-10-09 13:32:06
    safari
  • Surf Safari

    2019-10-24 21:12:17
    Surf Safari
  • Safari.txt_safari_zip_源码

    2021-10-03 04:28:41
    safari's hidden preferences
  • livarava-safari LivaRava Safari 扩展
  • safari书签

    2017-04-14 17:44:31
    safari书签
  • Safari Development

    2014-12-02 22:55:34
    Safari Zoom Development
  • Safari素描:适用于macOS Safari的素描库
  • Safari cer

    2012-05-31 02:52:03
    Safari cer
  • pushbullet-safari Safari 的 Pushbullet 扩展。 你可以获得一个免费的 Pushbullet 帐户,它免费而且很棒。 ##Install 在 Safari 中启用开发工具,然后转到Develop > Show Extension Builder 。 选择+按钮并选择...
  • 苹果Safari浏览器Safari Technology Preview

    千次阅读 2019-06-11 13:36:31
    Safari Technology Preview for Mac是官方推出的全新苹果Safari浏览器,Safari Technology Preview mac版的logo、界面、功能等各方面都很Safari浏览器差不多,这次的新更新的Safari Technology Preview mac版包含了...

    Safari Technology Preview for Mac是官方推出的全新苹果Safari浏览器,Safari Technology Preview mac版的logo、界面、功能等各方面都很Safari浏览器差不多,这次的新更新的Safari Technology Preview mac版包含了对WebKit的最新增加和改进以及Safari Web技术的最新进展,喜欢就试试吧!

    Safari Technology Preview for Mac安装教程

    下载好Safari Technology Preview安装包后,点击打开Safari Technology Preview.dmg,双击【Safari Technology Preview.pkg】进行安装,如下图:

    双击“Safari Technology Preview.pkg”后弹出安装器,点击“继续”,如下图:

    点击“继续”,如下图:

    这时弹出软件许可协议,点击“同意”,如下图:

    点击“安装”,如下图:

    如果你的电脑设置了密码,输入密码后点击”安装软件“,如下图:

    提示安装成功后,点击“关闭”即可,如下图:

    Safari Technology Preview新版本适用于macOS 10.14及更高版本,请谨慎下载。

    Safari Technology Preview for Mac官方介绍

    Safari是在iPhone,iPad和Mac上查看网站的最佳方式。Safari Technology Preview为您提供了在macOS和iOS即将到来的网络技术的早期考察。获取最新的布局技术,视觉效果,开发人员工具等等,这样您就可以提供有关实施方式的信息,并为所有Apple设备提供最佳的用户体验。

    Safari Technology Preview mac版功能特色

    - 预览最新的网络技术。 预览Safari Web技术的最新进展,包括HTML,JavaScript和CSS。Safari技术预览包括最新版本的WebKit,这是为Safari提供支持的渲染引擎。

    - 易于更新。 您可以从Mac App Store直接更新Safari Technology Preview。更新每隔几周发生一次,并包含大部分WebKit。

    - 访问强大的开发者工具。使用最新版本的强大的Web Inspector和响应式设计模式来修改,调试和优化您的网站。

    - 提供反馈信息。 使用Bug Reporter直接向Apple发送有关问题和改进请求的反馈。只需从Safari技术预览的“帮助”菜单中选择“报告问题”即可。

    - 与Safari并行运行。 Safari技术预览是一个独立的应用程序,与当前版本的Safari并行工作,所以你可以继续使用和参考当前的版本。

    - 与iCloud无缝冲浪。 Safari技术预览与iCloud协同工作,因此您可以访问最新的Safari收藏夹,书签和阅读列表。

    - 保持现状。 在WebKit的博客让您随时掌握最新的关于HTML,JavaScript和CSS的最新进展。

    展开全文
  • 检查浏览器是否为 Safari 用户代理嗅探被不好的做法,应该尽可能避免。 安装 $ npm install --save is-safari 用法 var isSafari = require ( 'is-safari' ) ; console . log ( isSafari ) ; //=> false 执照 ...
  • 旧阅读器Safari扩展 该扩展程序将仅显示一个图标,该图标使您可以直接从工具栏访问“旧阅读器”( )。 徽章将指示等待您注意的未读邮件数量。 打包的扩展程序可以从安装 Safari 8.0(Yosemite)信息 如果您的...
  • 定位-safari 在您的系统上查找 Safari。 基于 。 用法 var locateSafari = require ( 'locate-safari' ) ; // Use a callback locateSafari ( function ( l ) { console . log ( l ) ; } ) ; // Use the ...
  • 仿苹果Safari浏览器选项卡自定义TabControl控件
  • safari for windows

    2017-06-20 09:17:11
    safari浏览器
  • WiFi数据Safari研讨会 WiFi Data Safari是一个数字扫盲研讨会,旨在教育公众有关不断围绕它们的无线网络数据。 参与者将带领他们穿过城市环境,并在附近旅行时从附近的个人设备中收集并收集无线信号。 参与者使用...
  • 该版本的Safari允许使用任意输入的晶体,并且比旧的Safari进行了优化,可处理更大尺寸的晶体,因此,对于较大的晶体,它的运行速度要快得多,但是会占用更多的RAM。 与SAFARI不同,此版本仅输出到ascii文件,并且...
  • Safari-TemWebRTCPlugin

    2018-03-05 14:15:50
    Safari 用于支持 webrtc 技术的插件,建议升级 Safari 到 11
  • 修复了移动Safari全屏问题 问题 Mobile Safari 存在一个长期存在的错误。 这个解决方案 这个React组件实现了描述的解决方案,例如,它始终在Mobile Safari中显示顶部和底部栏。 目录 安装 用法 灵感 其他解决方案 ...
  • lgtm_safari 一个用于 safari 的小插件,用于在 Github 拉取请求(或任何其他评论文本区域)上应用 LGTM 图像。 LGTM 图像取自/由。 用法 您可以在 Github 上的任何评论字段中发布带有 LGTM 图像的帖子。 安装插件...
  • React本机Safari视图 React原住民的Safari浏览是包装的。 文献资料 安装 npm i --save react-native-safari-view 支持 由于React Native生态系统中的快速变化,除了最新版本的React Native,我们不会正式支持此模块...
  • Safari美容工具栏 微型JavaScript模块,使Safari工具栏变得丰富多彩。 它使用本机工具栏的透明度,因此有两个限制: 仅适用于MacOS或iOS上的Safari 滚动偏移后显示 安装 通过Yarn安装模块,然后导入到代码中。 ...
  • #Safari Eolo扩展 这个非正式的Safari扩展程序允许NGI Eolo用户监视其流量和VoIP配额。 这受启发,无论如何,此版本更加简单,并且不提供设置/错误消息。 您可以下载它并通过单击将其安装在Safari中。 ##作者 ...
  • 字体设置给safari

    2017-03-03 21:09:58
    safari字体设置
  • SafariDriver.safariextz

    2017-08-29 16:33:38
    webdriver selenuim safari 扩展
  • Mac safari 卡死

    千次阅读 2020-04-26 17:48:46
    刚入手公司的Mac 结果 safari 卡死了,无法使用,网上找了许多,外加研究,可采用如下方法解决: 解决方法 1.在程序坞中移除safari ; 2.启动Safari,再强制退出safari(command+option+esc); 3.先按住shift ,再...

    场景
    刚入手公司的Mac 结果 safari 卡死了,无法使用,网上找了许多,外加研究,可采用如下方法解决:
    解决方法
    1.在程序坞中移除safari ;
    2.启动Safari,再强制退出safari(command+option+esc);
    3.先按住shift ,再点击Safari,会弹出提示语(是否清空Chrome 缓存数据);
    4.勾选,清空,然后Safari 又可以用了。

    展开全文
  • safari on windows

    2015-02-13 18:15:55
    safari 5.1.7 for windows安装程序
  • Safari Google按钮 小型Safari扩展,可在工具栏中添加两个按钮,以打开Gmail和Google日历。 如果您已经打开了Web应用程序,它将随即切换到选项卡,否则,它将打开一个新选项卡并加载服务。 为什么? 我曾多次尝试...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 299,212
精华内容 119,684
关键字:

safari