GameCMS background

Статус
В этой теме нельзя размещать новые ответы.
Сообщения
345
Реакции
77
Помог
14 раз(а)
Доброго времени суток, товарищи.
Как сделать, чтобы бэкграунд не дублировался?


Код:
html {
    min-height: 100%;
    min-width: 1500px;
    background: #848484 url(../img/bg.png);
}

body {
    margin: 0;
    padding: 0;
    height: 100%;
    background: #848484 url(../img/bg.png);
    /*
    background: url(../img/bg.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    */
    font: 13px "Trebuchet MS",tahoma,helvetica,arial,sans-serif;
    min-width: 1500px;
}


Размер фона 1920x1080
 
В этой теме было размещено решение! Перейти к решению.
Сообщения
345
Реакции
77
Помог
14 раз(а)
fantom, Честное слово, лазил много где - не понимаю ну совсем. Ладно, щас буду еще пробовать, спасибо.
2 Фев 2019
Kaido Ren,
Код:
html {
    min-height: 100%;
    min-width: 1200px;
    background: #848484 url(../img/bg.png) no-repeat;
}

body {
    margin: 0;
    padding: 0;
    height: 100%;
    background: #848484 url(../img/bg.png) no-repeat;
    /*
    background: url(../img/bg.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    */
    font: 13px "Trebuchet MS",tahoma,helvetica,arial,sans-serif;
    min-width: 1200px;
}


h4rdcup.ru
Что-то не вышло :c
2 Фев 2019
Картинка 2560x1440 встает нормально
 
Сообщения
48
Реакции
151
А где ты дублирование увидел?
 
Сообщения
345
Реакции
77
Помог
14 раз(а)
Kaido Ren, Выше написал, что 2560x1440 встало нормально, на 1920x1080 в конце пошло дублирование
 
Сообщения
2,751
Реакции
3,016
Помог
61 раз(а)
Где дублирование?!
1549116296000.png
2 Фев 2019
Сведенья ради - вот как выглядит repeat фона
1549116411949.png
2 Фев 2019
ВОзможно ты имел ввиду вот это?
1549116488334.png
 
Сообщения
48
Реакции
151
CSS:
background: url(../img/bg.png) no-repeat center center fixed;
-moz-background-size: cover; /* Firefox 3.6+ */
-webkit-background-size: cover; /* Safari 3.1+, Chrome 4.0+ */
-o-background-size: cover; /* Opera 9.6+ */
background-size: cover; /* Modern browsers */
 
Последнее редактирование:
Сообщения
345
Реакции
77
Помог
14 раз(а)
Код:
html {
    min-height: 100%;
    min-width: 1200px;
    background: #848484 url(../img/bg.png) no-repeat;
}

body {
    background: #848484 url(../img/bg.png) no-repeat center center fixed;
    -moz-background-size: cover; /* Firefox 3.6+ */
    -webkit-background-size: cover; /* Safari 3.1+ и Chrome 4.0+ */
    -o-background-size: cover; /* Opera 9.6+ */
    background-size: cover; /* Modern browsers */
    
    /*
    background: url(../img/bg.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    */
}
Не выходит, вероятнее всего - я дурак.
 
Сообщения
957
Реакции
1,185
Помог
52 раз(а)
Код:
html {
    min-height: 100%;
    min-width: 1200px;
    background: #848484 url(../img/bg.png) no-repeat;
}

body {
    background: #848484 url(../img/bg.png) no-repeat center center fixed;
    -moz-background-size: cover; /* Firefox 3.6+ */
    -webkit-background-size: cover; /* Safari 3.1+ и Chrome 4.0+ */
    -o-background-size: cover; /* Opera 9.6+ */
    background-size: cover; /* Modern browsers */
  
    /*
    background: url(../img/bg.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    */
}
Не выходит, вероятнее всего - я дурак.
убрать из body, прописать в html
 
Статус
В этой теме нельзя размещать новые ответы.

Пользователи, просматривающие эту тему

Сейчас на форуме нет ни одного пользователя.
Сверху Снизу