Подгружается ли картинка в background
Страницы: 1
Подгружается ли картинка в background
Здравствуйте.
На страницах сайта отображается фон посредством наличия в css такой строки:     "background: url(../images/bg.jpg) no-repeat;"А для главной страницы у меня подружатся дополнительный стиль, который видоизменяет страницу как мне надо. Для этого мне нужно было отключить тот самый фон, и я сделал так:
указал для css главной "background: #f1f1f1 !important;".

Таким образом фон в виде картинки на главной не отображается, что мне и надо. Вопрос: подгружает ли браузер фоновую картинку на главной и правильное ли решение задачи я использовал? 
PS: На главной странице одновременно прописаны оба параметра для фона, но параметр с цветом перекрывает параметр с картинкой.
Изменено: Денис Владимирович - 8 Января 2018 01:30

Комплексное SEO продвижение в поисковых системах Яндекс, Google

Цитата
Денис Владимирович пишет:
Здравствуйте.
На страницах сайта отображается фон посредством наличия в css такой строки: "background: url(../images/bg.jpg) no-repeat;"А для главной страницы у меня подружатся дополнительный стиль , который видоизменяет страницу как мне надо. Для этого мне нужно было отключить тот самый фон, и я сделал так:
указал для css главной "background: #f1f1f1 !important;".

Таким образом фон в виде картинки на главной не отображается, что мне и надо. Вопрос: подгружает ли браузер фоновую картинку на главной и правильное ли решение задачи я использовал?
PS: На главной странице одновременно прописаны оба параметра для фона, но параметр с цветом перекрывает параметр с картинкой.
Скорее всего да) Но чтобы знать наверняка, в хроме - правая кнопка мыши, просмотреть код (откроется панель справа), выбрать вкладку network, перезагрузить страницу и посмотреть. Там будут все запросы всех ресурсов, которые загружались. Возможно, в вашем случае картинка начнет загружаться (если она не закэширована), но потом загрузка прервется. В этом случае в столбце status будет написано canceled.
Цитата
knagty knagty пишет:
Цитата
Денис Владимирович пишет:
Здравствуйте.
На страницах сайта отображается фон посредством наличия в css такой строки: "background: url(../images/bg.jpg) no-repeat;"А для главной страницы у меня подружатся дополнительный стиль , который видоизменяет страницу как мне надо. Для этого мне нужно было отключить тот самый фон, и я сделал так:
указал для css главной "background: #f1f1f1 !important;".

Таким образом фон в виде картинки на главной не отображается, что мне и надо. Вопрос: подгружает ли браузер фоновую картинку на главной и правильное ли решение задачи я использовал?
PS: На главной странице одновременно прописаны оба параметра для фона, но параметр с цветом перекрывает параметр с картинкой.
Скорее всего да) Но чтобы знать наверняка, в хроме - правая кнопка мыши, просмотреть код (откроется панель справа), выбрать вкладку network, перезагрузить страницу и посмотреть. Там будут все запросы всех ресурсов, которые загружались. Возможно, в вашем случае картинка начнет загружаться (если она не закэширована), но потом загрузка прервется. В этом случае в столбце status будет написано canceled.

Спасибо за полезную подсказку! Проверил, фон не грузится и в списке элементов, которые на главной, его абсолютно нет.smile:)Видимо оба css обработаны в самые первые мгновения загрузки страницы (что и логично) и бразуер понял, что отрабатывать один из параметров css не стоит и лишь потом загрузил  страницу.
Изменено: Денис Владимирович - 8 Января 2018 15:30
Цитата
Денис Владимирович пишет:
Видимо оба css обработаны в самые первые мгновения загрузки страницы (что и логично) и бразуер понял, что отрабатывать один из параметров css не стоит и лишь потом загрузил страницу.
Вполне может быть такой вариант) А еще может зависеть от браузера. Но вряд ли стоит переживать по этому поводу) Это мелочь) Если фон загрузится на главной - ничего страшного, так как картинка уже будет в кэше, когда пользователь зайдет на интересующую внутреннюю страницу.
Исследовать элемент (посмотреть код - если хром) в браузере. Там показывает, что и как подключается и обрабатывается - сервером, клиентом, браузером. Так же там есть коды ответа, чтобы понять кэш или нет, и все настройки ваши на стороне клиента и сервера. В CSS элементы, что не используются зачеркиваются на странице, тем самым вы поймете, работает или нет. Это если кратко, но в целом об этом выше говорили.
Браузер занимается стилями страницы только после того как полностью загрузил css-файл и обработал его. Так что если какому-то HTML- элементу описаны два (или хоть десять) взаимоисключающих стиля, то браузер попросту будет работать с самым последним, а остальные просто проигнорирует.
Страницы: 1
Похожие темы:
Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)
Новые темыОбъявленияСвободное общение
10:48 Даёшь новый Апдейт! Яндекс выдача 21.03.2019 
10:38 Не могу понять, что не так с сайтом 
10:31 Букварикс: бесплатная программа для быстрого поиска ключевых слов 
01:09 Продам аккаунт В Яндекс Ауру 
00:17 Mpay69.biz - монетизация адалт трафика с мобильных устройств 
22:13 Нужен ли метатег keywords? 
22:09 Продвижение сайте через социальные сети 
10:30 Услуги постинга в социальные сети для продвижения, индексации и увеличения социальной активности 
10:12 E-mail рассылки по вашим/нашим базам цена за 1к = 1$ 
02:36 Статейные прогоны, цена от 20$ ▶ опыт и качество!, Множество сайтов на различных cms. 
22:08 «Взрываем языковые преграды» – переводим любые тексты 
18:34 200 трастовых профильных ссылок 
17:03 Куплю канал Яндекс Дзен 
15:26 Продам сайты 
10:36 Рекламная сеть пуш-уведомлений Megapu.sh 
10:14 Мат в роликах на Ютуб 
03:54 Finaff становится открытой партнёркой! 
21:16 Стёб над спамом 
21:13 Скрины спама 
18:55 Accvk.ru - магазин самых надёжных аккаунтов вконтакте и других социальных сетей [без владельцев] 
15:12 S-SMM.RU - Лучшая автоматическая SMM панель для раскрутки во всех соц.сетях. Низкие цены + API + Партнерка