Question

当我在任何浏览器中打开相同的代码时，它可以完美地工作，但在网络视图中它突然消失，有时会变黑。

我的信息包括：

bootstrap.min.css
bootstrap.js
jquery.js
jquery-mobile.1.4.5.js
jquery-mobile.css

Meta标签：

<html lang="en" class="no-js"> <!--<![endif]-->
    <head>            
        <!-- meta character set -->
        <meta charset="utf-8">
        <!-- Always force latest IE rendering engine or request Chrome Frame -->
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title>M-ZAES</title>       
        <!-- Meta Description -->
        <meta name="description" content="Blue One Page Creative HTML5 Template">
        <meta name="keywords" content="one page, single page, onepage, responsive, parallax, creative, business, html5, css3, css3 animation">
        <meta name="author" content="Muhammad Morshed">

        <!-- Mobile Specific Meta -->
        <meta name="viewport" content="width=device-width, initial-scale=1">

这是我的代码，请告诉我为什么会这样？

     <center>
        <img src="img/zone_switch.png" class="img-responsive zoom-img" style="width:60%" data-toggle="modal" data-target="#myModal2"/>
    </center>



      <div class="modal fade" data-role="none" id="myModal2" role="dialog" style="margin-top:00px; z-index:30000;">
            <div class="modal-dialog" data-role="none">

              <!-- Modal content-->
              <div class="modal-content" data-role="none" style="margin-top:50px;">
                <div class="modal-header" data-role="none" style="background-color:lightgrey">
                  <h4 class="modal-title">Select Zone</h4>
                </div>
                <div class="modal-body" data-role="none">


                    <div class="radio">
                        <label><input type="radio" data-role="none" name="optradio" onclick="switchToFirstZone()">First</label>
                    </div>
                    <div class="radio">
                        <label><input type="radio" data-role="none" name="optradio" onclick="switchToSecondZone()">Second</label>
                    </div>
         </div>
                <div class="modal-footer">
                  <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                </div>
              </div>

            </div>
          </div>

Bootstrap Modal在android webview中消失但在浏览器中工作正常吗？

0 个答案: