Мое фоновое изображение должно оставаться в фиксированных размерах, и это происходит, когда я работаю в Dreamweaver или открываю его с моего рабочего стола через различные браузеры (mozilla, т. Е. Хром). Но как только он загружен, фоновые изображения растягиваются. Кто-нибудь знает решение этой проблемы?Фон в .css растягивается
ответ
Попробуйте установить это в CSS ...
body {
background:url(YOUR_IMAGE);
background-size:80px 60px;
background-repeat:no-repeat;
}
Если размер в пикселях так же, как оригинальные размеры изображения.
это действительно выглядит так ... body {\t \t font-family: Arial; \t margin: 0; \t прокладка: 0; \t цвет: #FFFFFF; \t font-size: 12px; \t ширина: 100%; \t background: url (../ images/bg.jpg) no-repeat center top #FFFFFF; выравнивания текста: слева; \t -moz-background-size: 1152px 770px; \t -webkit-background-size: 1152px 770px; \t Размер фона: 1152px 770px; – user1796760
Полностью очистите кеш и перезагрузите его. Я просто попробовал это на своем компьютере, и это сработало. –
Это может быть просто проблема кэширования. Если вы загрузили все. Перезагрузите страницу. Когда его полностью загрузится, нажмите ctrl + r &/или ctrl + F5. Я имею тенденцию бить оба чередующимися несколько раз. Это должно очистить изображение и css от вашего кеша.
Если это не сработает, то это нечто странное.
Его также стоит отметить, что такие вещи, как Dreamweaver, будут загружать контент, как если бы это был браузер. Поэтому в Dreamweaver что-то может отлично выглядеть, но не реагировать так, как ожидалось, в браузере. Аналогично (с Visual Studio) вещи могут выглядеть ужасно разбитыми в вашем программном обеспечении, но в браузере они великолепны.
Я перезагрузил страницу уже пару раз и обновил загруженный индекс как минимум 10 раз. Это все очень странно и сбивает меня с ума. :-( – user1796760
Хорошо, что страница по-прежнему вызывает старое css. Это может быть только из-за того, что вы не загрузили css в нужное место, вы переименовали его и не изменили ссылку на веб-странице, ve не сохранил обновления файла css перед загрузкой. Это может быть только один из этих 3 вариантов. –
Вы все просто здорово! Да, я просто забыл загрузить style.css.Большое спасибо! Всем вам! – user1796760
Вы также должны подумать о разработке с помощью FireFox и установке дополнения Firebug. Это бесценный инструмент, который позволяет вам проверять &/или редактировать css и т. Д. На лету.
Используя это на своем сайте, вы увидите, что ваше фоновое изображение установлено на 100% & 770px. Эти два правила сталкиваются друг с другом. Первое говорит, что изображение составляет 100% ширины экрана, а другое говорит, что фон составляет всего 770 пикселей.
Здесь вам лучше рассмотреть ваши варианты.
Это странно, я на самом деле изменил его (см. Выше) – user1796760
Ну, это не то, что есть на вашем сайте. По какой-то причине он использует старый стиль. Вы сохранили перед загрузкой? Вы загрузили в правильный каталог? –
Странно, да, я также добавил некоторые новые фотографии в галерею, и они размещены так, как они должны были быть. – user1796760
body {
background:url(YOUR_IMAGE);
background-repeat:no-repeat;
}
Попробуйте
- 1. Фон CSS не растягивается 100%
- 2. Фон растягивается в AndEngine
- 3. Фон не растягивается в IE8
- 4. Img растягивается в мобильном css
- 5. Фон элементов списка растягивается больше, чем высота?
- 6. html/css содержание не растягивается
- 7. CSS Google Fonts - курсив, растягивается в IE
- 8. Заголовок не растягивается по экрану в CSS
- 9. Css фон/фон положение проблема
- 10. PHP в CSS фон
- 11. Выпадающий фон в CSS
- 12. фон нормальный и фон активен в CSS
- 13. добавление пространства между элементами, делая фон не растягивается горизонтально
- 14. Основной корпус CSS не растягивается на страницу?
- 15. Нижняя граница CSS Переход не растягивается через
- 16. CSS Float не растягивается Div Высота
- 17. CSS - растягивается и равномерно горизонтальное меню
- 18. CSS Фон с градиентом и рисунком image
- 19. TextView фона растягивается
- 20. анимировать: увеличить фон в CSS
- 21. Анимированный градиентный фон в CSS
- 22. CSS фон в четыре части
- 23. Создать «сложный» фон в CSS
- 24. Как повернуть фон в CSS?
- 25. css background не растягивается с содержимым модального ящика
- 26. Исправлен градиентный фон css
- 27. простой фон css issue
- 28. CSS фон не работает
- 29. Полноэкранный фон с css
- 30. HTML & CSS фон
Может быть, вы могли бы показать свою благодарность за помощь, предлагаемой маркировки один ответов, как ответ вы искали. Благодарю. –