Question

找到我试图移动特定DIV但不能的下面的代码（HTML / CSS） - 请注意我使用了Bootstrap

HTML - 问题在于div ID“PlayerMain”无法移动到页面中心

body {
  background-image: url('../images/dis_bg.png');
  background-repeat: no-repeat;
  text-align: center;
  align-content: center;
}

.whiteBorder {
  display: inline;
  background-color: white;
}

.allPage {
  text-align: center;
}

.blueFont {
  color: blue;
}

#efi {
  max-width: 100%;
  height: auto;
  display: block;
  position: absolute;
  bottom: 20%;
  top: 20%;
  right: 10%;
  z-index: 30;
}

.h1Border {
  width: 1500px;
  background-color: white;
  border: none;
}

.loginButtonImg {
  margin-top: 10px;
}

.loginButtonImg:hover {
  cursor: pointer;
}

@media (max-width: 768px) {
  .mobile-only {
    display: none !important;
  }
}

<script src="SCRIPT/JS/site.js"></script>
<link href="SCRIPT/Bootsrap/bootstrap-3.3.7-dist/css/bootstrap.css" rel="stylesheet" />
<link href="SCRIPT/Bootsrap/bootstrap-3.3.7-dist/css/bootstrap-theme.css" rel="stylesheet" />
<link href="CSS/site.css" rel="stylesheet" />
<script src="SCRIPT/Jquery/jquery-3.1.1.js"></script>
<script src="SCRIPT/JS/site.js"></script>
<script src="SCRIPT/Bootsrap/bootstrap-3.3.7-dist/js/bootstrap.js"></script>

<div class="container-fluid">
  <div class="row whiteBorder">
    <section class="col-xs-12">
      <div>
        <h1 class="blueFont">דודי,<br /> text, <br /><b>text</b>text</h1>
      </div>
    </section>
    <section class="col-xs-12">
      <div>
        <img src="images/efi.png" id="efi" class="mobile-only center-block" />

        <div id="treepodiaPlayerMain" class="center-block"></div>
      </div>
      <a href="https://someLink.com"><img src="images/login.png" class="img-responsive center-block loginButtonImg" /></a>
    </section>
  </div>
  <section class="row">
    <div class="col-xs-12">
      <img src="images/bottom_icons.png" class="img-responsive center-block" />
    </div>
  </section>
</div>

<script type="text/javascript" src="//someScript.js"></script>

非常感谢提前！

Answer 1

我告诉你片段只是删除位置：绝对;来自你在哪里写id #efi的css。并再次检查

无法使用元素

1 个答案: