Iphone ios15 safari在material ui对话框中的黑底
Iphone iOS 15 Safari在Material UI对话框中的黑底是指在使用Material UI库开发的网页应用中，当在iPhone iOS 15的Safari浏览器中打开对话框时，对话框背景会出现黑色的情况。
这个问题可能是由于iOS 15的Safari浏览器对于Material UI库的某些样式属性支持不完善导致的。为了解决这个问题，可以尝试以下几种方法：
- 更新Material UI库版本：首先，确保你使用的是最新版本的Material UI库。开发团队通常会不断更新库以修复bug和提供更好的兼容性。你可以访问Material UI官方网站（https://mui.com/）查看最新版本并进行更新。
- 自定义样式：如果更新库版本后问题仍然存在，你可以尝试自定义对话框的样式来解决这个问题。Material UI提供了自定义主题的功能，你可以通过修改主题的背景颜色或其他相关属性来解决黑底问题。具体的自定义方法可以参考Material UI官方文档中的主题定制部分（https://mui.com/customization/theming/）。
- 使用其他组件库：如果以上方法都无法解决问题，你可以考虑尝试其他的UI组件库来替代Material UI。市面上有许多其他优秀的UI组件库，它们可能对iOS 15的Safari浏览器的兼容性更好。你可以根据自己的需求选择合适的组件库，并进行相应的替换和调整。
总结起来，解决iPhone iOS 15 Safari在Material UI对话框中的黑底问题可以通过更新Material UI库版本、自定义样式或使用其他组件库来实现。具体的解决方法需要根据实际情况进行调整和尝试。
相关·内容
black space in bottom of the page 最近我开始在safari浏览器中看到ios 15更新后的黑屏，我正在使用react 16，material UI v4.11和Dialog
浏览 17提问于2021-10-10得票数 1
我们在iframe中嵌入了一个自定义应用程序，ios升级到ios15后，Iphone中的内容不会只在Iphone中加载。相同的应用程序在IOS14中运行良好。在IOS15升级后，safari和chrome浏览器都会出现此问题。同样的应用程序在Android手机和桌面手机上运行良好。关于Iframe，IO
浏览 5提问于2021-11-10得票数 0
在iPhone上测试时，该站点在Safari上运行良好，但如果用户在状态帖子中添加了指向该网站的链接，并且在Facebook iPhone应用程序中打开了该站点，则不会调用登录javascript。我目前正在使用FB.UI方法：‘permissions.request’，但我尝试调用其他fb.ui对话框等，也没有加载任何内容。
有没有办法在Facebook
浏览 2提问于2011-10-14得票数 1
回答已采纳
3回答
当我的web应用在iPhone上运行时，我在创建FB.ui发送对话框时遇到了问题。下面是javascript的代码片段：
if(navigator.userAgent.match(/iPad/i) || navigator.userAgent.match(/iPhone/i)上使用任何浏览器时，它都很好用，在iPad上使用Safari也很好用。但是，当我尝试打开一个对话框</em
浏览 3提问于2013-09-02得票数 10
2回答
当MUI对话框出现时，有什么方法可以模糊背景内容吗？(默认操作正在使背景变暗，但我需要模糊它)。我要找的是：
浏览 2提问于2020-06-25得票数 5
回答已采纳
我试图在Material-UI中的一个抽屉组件中水平滚动。它在抽屉外面工作得很好，但在抽屉里面不行。 我已经在我能测试的其他地方测试过它，它可以工作，但它不能在iPhone上的Safari上工作。我已经在物理设备和模拟器上进行了尝试。 https://codesandbox.io/s/material-demo-forked
浏览 6提问于2020-12-17得票数 1
我试图让jquery对话框成为移动视窗的中心，特别是iphone的safari，但是当用户试图放大页面时，对话框会移动到页面的右下角，这样就看不到它了。position:'center'$(window).resize(function() {
$(".ui-dialog-content").dialog(
浏览 0提问于2013-06-17得票数 4
有人能帮我定制/禁用材质-UI对话框的触摸机制吗？我有“取消”和“确认”按钮，这正是我希望使用的关闭对话框的方法。但是，从下拉菜单中进行选择会导致对话框根据文档自动关闭。问题
我很感谢你的帮助。
浏览 5提问于2020-06-03得票数 0
我正在创建一个移动web应用程序，好友请求对话框非常适合我。但是，当我的朋友尝试执行应用程序请求时，对话框页面启动，但加载时卡住了，并且永远不会工作。更新信息-这只会发生在手机上测试的iphone和safari (使用iphone用户代理)在网站浏览器中测试的...when它对我的朋友很好。这是我使用的代码，我没有得到任何错误-它只是挂起了：
浏览 2提问于2012-01-02得票数 0
1回答
我正在试图找出是否可以将对话框作为按钮在button中，在Material中的CardActions组件中使用。当我使用常规按钮而不是对话框时，CardActions中的3个按钮在组件的宽度上都是对齐的--这就是我试图保留的内容，同时使按钮的onClick操作弹出对话框。'@material<
浏览 5提问于2020-10-21得票数 0
回答已采纳
2回答
在我的react应用中，我同时使用materialui和antd作为ui组件库。我一直在使用material ui的全屏，并尝试在对话框中插入antd的。但是当放置在material-ui的对话框组件中时，看起来选择列表不能正确呈现。我试着给antd select一个非常大的
浏览 6提问于2018-12-26得票数 0
有没有办法在Material UI InputBase类型搜索组件中访问十字图标的样式？我想改变它的颜色、大小和厚度。
我使用的是React v16，Material-core v4.9.1和Material-icons v4.9.1
浏览 0提问于2020-12-11得票数 0
当我尝试在iphone上使用FB.ui API打开一个分享对话框时，我得到了一个“不支持的浏览器: chrome for ios不支持这个功能。请使用safari然后重试”。我猜这个问题与相关，但我感兴趣的是分享，而不是身份验证本身(即我不关心用户是否会登录，我不会知道它)。
浏览 6提问于2014-11-14得票数 10
1回答
在自动完成输入字段(对话框中)中选择的单词在结合使用JQuery UI和触摸袋时不能正常工作。如果自动完成字段直接在HTML页面上，而不是在对话框中，它似乎可以工作。我可以在浏览器和操作系统的所有组合中重现这个错误，例如iPhone上的Chrome，安卓手机上的Chrome，以及iPad上的Safari，
如果
浏览 11提问于2017-03-14得票数 0
1回答
我有一个模式对话框，当有人使用以下函数点击覆盖时关闭，它在除iPad和iPhone Safari之外的所有浏览器上工作。$(".ui-widget-overlay").live('click', function() { });
我试过$(“.ui-.click-overlay如果元素上没有onclick属性，则实时函数在iPad上不起作用就会出现
浏览 2提问于2012-09-07得票数 1
当material-ui对话框打开时，打开对话框的按钮在单独的页面中，对话框在另一个页面中时，我尝试在material-ui对话框的状态下设置属性数据。但我做不到，但我正在与此作斗争。请告诉我它的答案。
浏览 17提问于2021-04-17得票数 1
1回答
我用React，FullCalendar，JQuery，Material和Formsy-material做了一个小应用.顺便说一下，我在另一个组件
浏览 6提问于2016-05-19得票数 1
我的styles.xml中有以下内容 <itembackground">#ff444400</item></style>
(可怕的
浏览 21提问于2017-08-19得票数 5
1回答
我正在尝试打开一个https url，它将提供类似于此的身份验证对话框。在Mac中，它会打开为对话框，即使在iPhone safari浏览器中，它也会显示为对话框。但在webview中，它不会显示对话框。如何在webView中显示该对话框?？
浏览 2提问于2012-05-29得票数 4
回答已采纳
我无法在material-ui next中增加对话框宽度。它将水平滚动条添加到日志中。接下来有没有办法增加material-ui中日志的宽度？有谁能帮上忙吗？
浏览 1提问于2017-11-08得票数 44
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
