2017-03-15 53 views
-6

找到婁代碼(HTML/CSS)是我正嘗試移動特定的DIV,但不能 - 注意,我用引導無法元素

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>

許多在此先感謝!

+0

你的JS在哪裏? –

+2

歡迎來到Stack Overflow!請[參觀],環顧四周,閱讀[幫助],特別是[*我如何提出一個好問題?](/ help /如何問)和* [mcve] * 。此外,請僅爲**可運行的**示例使用Stack Snippets('[<>]'工具欄按鈕)。如果你不能使其運行,只需使用代碼塊(''''工具欄按鈕)。 –

+0

JS僅僅是一個函數,見bellowfunction INIT(播放器){ player.show({ //所需參數 記載: 「代碼」, SKU: 「225544448896」, 寬度:900,高度 :506, 集裝箱: 「treepodiaPlayerMain」, //可選參數 的showTime:真實, 彈出:假的, showPoster:真實, showJumboPlay:真實, 自動播放:假 }); } - 請注意,我改變了函數名 –

回答

0

我給你看看snippet只是刪除position:absolute;從css你寫的id #efi。並再次檢查它

+0

不幸的是,efi是一個圖像,需要重疊這個div,並刪除這個屬性,我將失去重疊效果 –

+0

我不告訴你從css中刪除efi只是改變它的位置:初始; –