html - 在 iPhone8、iPhone11 上显示透明背景的引导模式
问题描述
我的网站代码中有一些引导模式,它们在 iPad、MAC、windows 和 android 手机上正确显示。但它们在 iPhone8 及更高版本上显示透明背景。它也适用于 iPhone 5。
<!--Open camera modal-->
<div id="opencamera" class="modal fade" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<!--Open camera modal-->
<div id="opencamera" class="modal fade" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<div class="modal-body">
<h1 class="title">Camera Barcode Scan</h1>
<div>
<a class="button" id="startButton">Start</a>
<a class="button" id="resetButton">Reset</a>
</div>
<div id="dave" style="visibility:hidden; height:1px;">
<video id="video" height="300" style="border: 1px solid gray"></video>
</div>
<div id="dave2" style="visibility:hidden; height:50px;">
<div id="sourceSelectPanel" style="display:none">
<label for="sourceSelect">Change video source:</label>
<select id="sourceSelect" style="max-width:400px">
</select>
</div>
</div>
<code id="result" style="display:none"></code>
<div>
<audio id="myAudio" preload="auto">
<source src="beep.wav" type="audio/wav">
</audio>
<button id="play" style="display:none">Click</button>
</div>
</div>
<div class="modal-footer">
<button class="btn btn-success" data-dismiss="modal">Cancel</button>
<button class="btn btn-success" id="addqtybtn" style="display:none" data-dismiss="modal" onclick="addqty()">Next</button>
</div>
</div>
</div>
</div>
</div>
<div class="modal-body">
<h1 class="title">Camera Barcode Scan</h1>
<div>
<a class="button" id="startButton">Start</a>
<a class="button" id="resetButton">Reset</a>
</div>
<div id="dave" style="visibility:hidden; height:1px;">
<video id="video" height="300" style="border: 1px solid gray"></video>
</div>
<div id="dave2" style="visibility:hidden; height:50px;">
<div id="sourceSelectPanel" style="display:none">
<label for="sourceSelect">Change video source:</label>
<select id="sourceSelect" style="max-width:400px">
</select>
</div>
</div>
<code id="result" style="display:none"></code>
<div>
<audio id="myAudio" preload="auto">
<source src="beep.wav" type="audio/wav">
</audio>
<button id="play" style="display:none">Click</button>
</div>
</div>
<div class="modal-footer">
<button class="btn btn-success" data-dismiss="modal">Cancel</button>
<button class="btn btn-success" id="addqtybtn" style="display:none" data-dismiss="modal" onclick="addqty()">Next</button>
</div>
</div>
</div>
</div>
我正在使用上面的代码来生成一个引导模式窗口。
解决方案
删除父 div 的淡入淡出类对我有用。现在,Modal 在 iPhone 8、iPhone 11 上运行良好
推荐阅读
- java - 如何在大位图图像前面添加小位图
- android - 我被困在使用 FCM 和 web-socket 的聊天应用程序中
- c++ - Visual Studio 丢失了所有引用
- mysql - Docker上的SpringBoot无法连接到MySQL
- python - PyTorch 逐元素过滤层
- flatpak - 无法打开 flatpak 安装的支架
- python - 为什么 np.resize() out_place,而 ndarray.resize() in_place?
- sql - 查询之间有什么区别?“SELECT * FROM bookings where code = null”和“SELECT * FROM bookings where code IS null”
- c++ - 隐式转换和编译器的不同行为
- android-studio - Gradle Sync failed: Premature end of Content-length delimited message body (Expected: 27633912;received : 12844960)