как растянуть фоновое изображение на весь экран?

-1

Я попробовал несколько различных методов, но, к сожалению я не удалось найти решение Вот взгляд моя страница http://i.stack.imgur.com/xCAxY.png
Вот мой CSSкак растянуть фоновое изображение на весь экран?

.first{ 
 
padding-top:0px; 
 
    padding-bottom: 0px; 
 
background: url('../image/background.jpg'); 
 
background-attachment:fixed; 
 
    background-repeat:no-repeat; 
 
    background-size:100% 100%; 
 
    background-position: center; 
 
    position: absolute; 
 
}

здесь код

<div class="first"> 
 
    
 
    <div class="jumbotron" style="margin-left:0px;"> 
 
     <h1>ASP.NET</h1> 
 
     <p class="lead">ASP.NET is a free web framework for building great Web sites and Web applications using HTML, CSS and JavaScript.</p> 
 
     <p><a href="http://asp.net" class="btn btn-primary btn-lg">Learn more &raquo;</a></p> 
 
    </div> 
 

 
    <div class="row"> 
 
     <div class="col-lg-4"> 
 
      <h2>Getting started</h2> 
 
      <p> 
 
       ASP.NET MVC gives you a powerful, patterns-based way to build dynamic websites that 
 
       enables a clean separation of concerns and gives you full control over markup 
 
       for enjoyable, agile development. 
 
      </p> 
 
      <p><a class="btn btn-default" href="http://go.microsoft.com/fwlink/?LinkId=301865">Learn more &raquo;</a></p> 
 
     </div> 
 
     <div class="col-lg-4"> 
 
      <h2>Get more libraries</h2> 
 
      <p>NuGet is a free Visual Studio extension that makes it easy to add, remove, and update libraries and tools in Visual Studio projects.</p> 
 
      <p><a class="btn btn-default" href="http://go.microsoft.com/fwlink/?LinkId=301866">Learn more &raquo;</a></p> 
 
     </div> 
 
     <div class="col-lg-4"> 
 
      <h2>Web Hosting</h2> 
 
      <p>You can easily find a web hosting company that offers the right mix of features and price for your applications.</p> 
 
      <p><a class="btn btn-default" href="http://go.microsoft.com/fwlink/?LinkId=301867">Learn more &raquo;</a></p> 
 

 
     </div> 
 
    </div> 
 
</div>

источник

2016-07-26 Junaid Wahid

Мы должны видеть полное правило (с его именем) и ваш HTML, чтобы быть в состоянии дать правильный ответ – LGSon

У вас нет дополнительной информации. Если CSS применяется на теле, убедитесь, что у вас есть минимальная высота: 100% на html и body, и, возможно, вы ищете свойство background-size: cover.

источник

2016-07-26 22:24:56

width: 100vh 
height: 100vh

или

background-size: cover

источник

2016-07-26 22:25:38

это также дает тот же результат, –

вставить код в jsFiddle , –

как растянуть фоновое изображение на весь экран?

ответ

Смежные вопросы