Добрый день!
Столкнулся с такой проблемой. Решил сделать бэкграунд чтобы растягивался по ширине и высоте экрана. Использую код.
html {
background: url(images/bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
И вот здесь начинается аномалия. Вставляешь одну картинку (зеленая трава) она ставиться и растягивается, заменяешь ее на другую, белый экран и все........удалял кэш, через другие 4 браузера смотрел....ничего пусто. Опять заменяешь на траву зеленую все норм.....че за бред?
- 03.02.2014 22:50
- Регистрация: 17.11.2013
- Сообщений: 171
- Репутация: 31
- 03.02.2014 23:15
luserz, насколько помню код регистрозависимый, а новая картинка может иметь расширения JPG JPEG jpeg, а не jpg как у вас прописано.
- 04.02.2014 01:10
а что за "fixed" у вас там в background-е?
- 04.02.2014 07:36
- Регистрация: 17.11.2013
- Сообщений: 171
- Репутация: 31
Название с jpg. Я сам сначала подумал но это не так, все одинаковые....просто при сохранении меняю файл.насколько помню код регистрозависимый, а новая картинка может иметь расширения JPG JPEG jpeg, а не jpg как у вас прописано.Это значит, чтобы сам задний фон оставался статичный и при увеличении и при уменьшении, а изменялся только контент.а что за "fixed" у вас там в background-е?
Я сделал вложние 2 фотографий для рабочего стола. Используя этот код сверху, попробуйте сначала машину воткнуть на бэкграунд, а потом заменить на 2 рисунок. И Вы увидите.....я уже не знаю что делать...бред какой-то.Последний раз редактировалось luserz; 04.02.2014 в 07:41.
- 04.02.2014 16:35
- Регистрация: 17.11.2013
- Сообщений: 171
- Репутация: 31
Вообщем спасибо кто отозвался. Я решил данную проблему. Короче ситуация в следующем. При постановки стиля -webkit-background-size: cover; Он растягивает почему-то больше самого экрана, когда убираю из стиля background: url(images/bg.jpg) no-repeat center center fixed; center center, сверху появляется картинка, а снизу нет. Вообщем нужно написать так.
html {
background-image: url(../images/style1/bg2.jpg);
background-size: 100% 100%;
background-attachment: fixed;}
Внимание!!!!!!Два раза 100% 100% в background-size нужно поставить. т.е первые 100% - длина, вторые 100% отвечают за высоту....вот вторых 100% мне и не хватало.
Тему можно закрывать.
Тэги топика:
Похожие темы
Темы | Раздел | Ответов | Последний пост |
---|---|---|---|
Удачный апдейт PR и аномалия с Jincash | Дайджест блогосферы | 0 | 06.04.2010 11:09 |