2017-02-16 104 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上找到答案

相关问题