2017-02-16 102 views
-2
<div class="container vertical-center" style="background: url('background.png')";> 
    <div class="row"> 
     <div class="panel panel-primary"> 
      <div class="panel-heading">LOGIN</div> 
      <div class="panel-body"> 
       <div class="input-group"> 
        <span class="input-group-addon" id="basic-addon1"> 
         <span class="glyphicon glyphicon-user"></span> 
        </span> 
        <input type="text" class="form-control" placeholder="Username" /> 
       </div> 
       <br /> 
       <div class="input-group"> 
        <span class="input-group-addon" id="basic-addon2"> 
         <span class="glyphicon glyphicon-lock"></span> 
        </span> 
        <input type="text" class="form-control" placeholder="Password" /> 
       </div> 
      </div> 

      <div class="text-center"> 
       <button type="button" class="btn btn-primary btn-sm" style="align-content: center">Submit</button> 
      </div> 
      <br /> 
      <div class="panel-footer">Trademark</div> 
     </div> 
    </div> 
</div> 

,這是我的代碼,我寫了整個代碼我不知道爲什麼堆棧 溢出顯示這樣的.... 請幫我對此 IMAGE IS HERE設計的登錄頁面不顯示

SKYRIM BACKGROUND

+1

代碼在哪裏? –

+0

我寫了整個代碼,我不知道爲什麼堆棧溢出顯示像這樣... – dnyanesh

+0

背景圖像被砍成20-30小圖像,然後它完全顯示或它什麼也沒有顯示 – dnyanesh

回答

0

你可以試試你的第一行更改爲

<div class="container vertical-center" style="background: url('background.png'); background-repeat: repeat;"> 
+0

斯里老兄,但它仍然是一個空白的顯示 – dnyanesh

+0

檢查你的圖像的大小多數民衆贊成在爲什麼它被切成小圖像或如果它不顯示,檢查圖像的位置是否正確?..可以上傳你使用的圖像作爲background.png –

+0

我直接右鍵點擊解決方案,並在那裏粘貼圖像.. .tried與不同的圖像也只顯示白色背景 – dnyanesh

0
html { 
background: url(images/bg.jpg) no-repeat center center fixed; 
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover; 
background-size: cover; 
} 

這是正常工作的代碼。 也使背景圖像響應。 僅在stackoverflow上找到答案

相關問題