Автор Тема: Фон с дефектом  (Прочитано 1422 раз)

0 Пользователей и 1 Гость просматривают эту тему.

PayPalАвтор темы

  • *
  • Оффлайн
  • Награды Более 6 лет на форуме !!! Более 10 сообщений
  • Дата регистрации: Апр. 2017
  • Сообщений: 18
  • Страна: ua
  • Поблагодарили: 1 раз(а)
  • Репутация +0/-0
  • Пол: Мужской
Фон с дефектом
« : 04 Августа 2017, 01:37:37 »
Доброго времени суток.
у меня вышла вот такая непонят ка с фоном картинка фона заливает полностью экран как положено. И я думал что так и на всех устройствах и у друих пользователей отображается. А сегодня зашел через ком с старыми монитором и оказался задний фон 2 раза повторяется чтоб залить фон. хотя и стоит в скрипте вот такая запись.
 body {
background-image: url(../img/fon.png);
background-size: 100% auto;
background-attachment: fixed;
 

GameRussia

  • *
  • *
  • Оффлайн
  • Награды Более 6 лет на форуме !!! Более 100 сообщений Репутация более 5 За помощь пользователям Более 10 созданных тем
  • Дата регистрации: Июнь 2017
  • Сообщений: 227
  • Страна: ru
  • Поблагодарили: 29 раз(а)
  • Репутация +9/-0
  • Пол: Мужской
Фон с дефектом
« Ответ #1 : 04 Августа 2017, 08:00:55 »
Доброго времени суток.
у меня вышла вот такая непонят ка с фоном картинка фона заливает полностью экран как положено. И я думал что так и на всех устройствах и у друих пользователей отображается. А сегодня зашел через ком с старыми монитором и оказался задний фон 2 раза повторяется чтоб залить фон. хотя и стоит в скрипте вот такая запись.
 body {
background-image: url(../img/fon.png);
background-size: 100% auto;
background-attachment: fixed;
Замени background-image: url(../img/fon.png); на background-image: url(../img/fon.png) center no-repeat; должно помочь
 

PayPalАвтор темы

  • *
  • Оффлайн
  • Награды Более 6 лет на форуме !!! Более 10 сообщений
  • Дата регистрации: Апр. 2017
  • Сообщений: 18
  • Страна: ua
  • Поблагодарили: 1 раз(а)
  • Репутация +0/-0
  • Пол: Мужской
Фон с дефектом
« Ответ #2 : 04 Августа 2017, 14:01:30 »
Замени background-image: url(../img/fon.png); на background-image: url(../img/fon.png) center no-repeat; должно помочь
заменил совсем картинка фона пропала стал белый фон. а убираю center no-repeat;все стает как было раньше.
 

Kuper

  • *
  • Оффлайн
  • Награды Более 7 лет на форуме Более 250 сообщений Топ 10 по сообщениям Репутация более 5
  • Дата регистрации: Дек. 2016
  • Возраст: 34
  • Сообщений: 435
  • Страна: ru
  • Поблагодарили: 35 раз(а)
  • Репутация +8/-2
  • Пол: Мужской
  • Дата рождения:
    1989-11-19
    Социальные сети:
    ВКонтакте
Фон с дефектом
« Ответ #3 : 04 Августа 2017, 19:36:02 »
 body {
    background: url(images/картинка.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%; /* Современные браузеры */
   }

PayPalАвтор темы

  • *
  • Оффлайн
  • Награды Более 6 лет на форуме !!! Более 10 сообщений
  • Дата регистрации: Апр. 2017
  • Сообщений: 18
  • Страна: ua
  • Поблагодарили: 1 раз(а)
  • Репутация +0/-0
  • Пол: Мужской
Фон с дефектом
« Ответ #4 : 05 Августа 2017, 14:40:29 »
body {
    background: url(images/картинка.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%; /* Современные браузеры */
   }
и это не помогло по прежнему белый фон убираю no-repeat; появляется картинка но идет дубляж фона в сопровождении  текста ставлю все как было  body {
background-image: url(../img/fon.png);
background-size: 100% auto;
background-attachment: fixed;
 у меня фон стоит неподвижно заполняет весь экран а текст прокручивается нормально но стоит мне перейти на старые мониторы идет дубляж картинки фона 2 раза чтоб залить фон
 

Kuper

  • *
  • Оффлайн
  • Награды Более 7 лет на форуме Более 250 сообщений Топ 10 по сообщениям Репутация более 5
  • Дата регистрации: Дек. 2016
  • Возраст: 34
  • Сообщений: 435
  • Страна: ru
  • Поблагодарили: 35 раз(а)
  • Репутация +8/-2
  • Пол: Мужской
  • Дата рождения:
    1989-11-19
    Социальные сети:
    ВКонтакте
Фон с дефектом
« Ответ #5 : 05 Августа 2017, 15:02:43 »
и это не помогло по прежнему белый фон убираю no-repeat; появляется картинка но идет дубляж фона в сопровождении  текста ставлю все как было  body {
background-image: url(../img/fon.png);
background-size: 100% auto;
background-attachment: fixed;
 у меня фон стоит неподвижно заполняет весь экран а текст прокручивается нормально но стоит мне перейти на старые мониторы идет дубляж картинки фона 2 раза чтоб залить фон
no-repeat убираешь,из-за этого и идёт дубляж, он стоять должен.
 

PayPalАвтор темы

  • *
  • Оффлайн
  • Награды Более 6 лет на форуме !!! Более 10 сообщений
  • Дата регистрации: Апр. 2017
  • Сообщений: 18
  • Страна: ua
  • Поблагодарили: 1 раз(а)
  • Репутация +0/-0
  • Пол: Мужской
Фон с дефектом
« Ответ #6 : 05 Августа 2017, 18:09:42 »
чтото там нет возле no-repeat ато когда стоит в коде белый фон картинка в загрузку совсем неидет
 

finans13

  • *
  • Оффлайн
  • Награды Более 8 лет на форуме Болеее 500 сообщений Топ 10 по созданным темам Топ 10 по сообщениям Репутация более 10 За время в онлайне на форуме Более 10 созданных тем
  • Дата регистрации: Март 2016
  • Возраст: 43
  • Сообщений: 619
  • Страна: ru
  • Поблагодарили: 112 раз(а)
  • Репутация +15/-2
  • Пол: Мужской
  • Дата рождения:
    1980-07-13
    Социальные сети:
    ВКонтактеОдноклассники
Фон с дефектом
« Ответ #7 : 05 Августа 2017, 18:51:36 »
чтото там нет возле no-repeat ато когда стоит в коде белый фон картинка в загрузку совсем неидет
с этого кода посмотри может что поможет,у меня картинка с этим кодам стояла всегда на месте
body {padding: 0; margin: 0; background: #F1F1F1 url("../images/yjsg2_holder_bg.png" ) no-repeat fixed center top;  background-size: cover; text-align: left; font: 12px Arial; color: #555;}
#lilo {width: 100%; height: 111px; right: left; background: url("../images/lilo.png") center top no-repeat; text-align: left; overflow: hidden; position: absolute; left: 0; padding: 0; z-index: -100;}
«Металлоизделия» ведет свою деятельность по изготовлению эксклюзивных кованых и металлических изделий в Красноярске.
https://24svark.ru
+7 (908) 205-81-82
 
Пользователи, которые поблагодарили этот пост: PayPal

PayPalАвтор темы

  • *
  • Оффлайн
  • Награды Более 6 лет на форуме !!! Более 10 сообщений
  • Дата регистрации: Апр. 2017
  • Сообщений: 18
  • Страна: ua
  • Поблагодарили: 1 раз(а)
  • Репутация +0/-0
  • Пол: Мужской
Фон с дефектом
« Ответ #8 : 06 Августа 2017, 16:55:13 »
с этого кода посмотри может что поможет,у меня картинка с этим кодам стояла всегда на месте
body {padding: 0; margin: 0; background: #F1F1F1 url("../images/yjsg2_holder_bg.png" ) no-repeat fixed center top;  background-size: cover; text-align: left; font: 12px Arial; color: #555;}
#lilo {width: 100%; height: 111px; right: left; background: url("../images/lilo.png") center top no-repeat; text-align: left; overflow: hidden; position: absolute; left: 0; padding: 0; z-index: -100;}
спасибо за помощь действительно этот код устранил двойное изображение на старых мониторах и на новых отличьно держится фон неподвижно ))=(.))=(.))=(.
 

APTEMOH

  • *
  • *
  • Оффлайн
  • Награды Более 8 лет на форуме Болеее 500 сообщений Топ 10 по сообщениям За помощь пользователям Репутация более 15 Более 10 созданных тем
  • Дата регистрации: Сен. 2015
  • Расположение: Расположение
  • Сообщений: 529
  • Страна: th
  • Поблагодарили: 64 раз(а)
  • Репутация +19/-2
  • Пол: Мужской
    Социальные сети:
    ВКонтакте
Фон с дефектом
« Ответ #9 : 07 Августа 2017, 12:27:55 »
Замени background-image: url(../img/fon.png); на background-image: url(../img/fon.png) center no-repeat; должно помочь

no-repeat задается для background
либо
background-repeat: no-repeat;
Теги: