Загрузка...

How to stretch the whole background in html ??

Thread in Frontend created by GaMoraBy Oct 6, 2019. 238 views

  1. GaMoraBy
    GaMoraBy Topic starter Oct 6, 2019 Banned 350 Apr 14, 2019
  2. SALVABOOT
    SALVABOOT Oct 6, 2019 1 Sep 5, 2019
  3. Lapich
    Lapich Oct 6, 2019 По кд кидаю кофе скипнул утро будто мем 294 Jan 23, 2018
    Могу ошибаться, но там вроде надо атрибут style юзать для использования свойств css
    The post was merged to previous Oct 6, 2019
    А ты прямо в html тег запихнул свойство, и он его воспринимает как атрибут к этому тегу, а не как свойство css
     
  4. Lapich
    Lapich Oct 6, 2019 По кд кидаю кофе скипнул утро будто мем 294 Jan 23, 2018
    Он не шарит еще за css, он же сказал что только хтумле проходит
     
  5. Mart1K
    Mart1K Oct 7, 2019 5 Aug 24, 2019
    w100% + tab
     
  6. UNBLVCK
    UNBLVCK Oct 7, 2019 Banned 1990 Dec 24, 2016
    Разные есть способы, тут нет толку создавать темы простые - лучше гугли, если будет что сложное создавай.
    Вот так можно, не уверен что правильно - но можно,

    Code
       body {
    background: url(images/sun2.png) no-repeat;
    -moz-background-size: 100%; /* Firefox 3.6+ */
    -webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */
    -o-background-size: 100%; /* Opera 9.6+ */
    background-size: 100%; /* Современные браузеры */
    }
    Вот так еще
    HTML
    Данный способ использует обычный CSS. По сути тоже простой. Выводим в теле сайта изображение присвоив id - bg:

    1
    <img src="123.jpg" id="bg">
    И прописываем стили:

    #bg {
    position:fixed;
    z-index: -1;
    top:0;
    left:0;
    min-width:100%;
    min-height:100%;
    }
    Позиционирование фиксированное и проходит растяжение на весь экран.Вот так просто :).
     
  7. 0xdie
    window: 100%
    Либо, не особо понял задание - widht: 100%
    The post was merged to previous Oct 8, 2019
    Ещё, учи сразу два: ксс, ашмл
     
  8. suris
    Все надо в ксс делать. Создаёшь допустим див класса баннера и работаешь с ним в ксс
     
Loading...
Top