Loading...
Графика/Дизайн | Гибкий фон CSS HELP
Добрый вечер!
Помогите!
Есть такой код -


.block_images{
margin-top: 10px;
background-position: center center;
background-attachment: fixed;
max-width:100%;
background-size: cover;
background: url("../images/header_fon5jpg.png") no-repeat 50% 0;
height:475px;
}



Но,картинка почему-то не подстраивается под ширину экрана,высота -нормально,а ширина хоть убей-те не подстраивается.
даже на обычном ,большом экране -вылазит за рамки,что не так?




HELP!



http://vibroizol.com.ua



Вот сайт,на котором это происходит
Все очевидно, логику включи и глянь код лучше
d1nka , да я не дизайнер,попросили просто,не могу понять,чего не хватает,подскажи пожалуйста
https://bym.guru/forum/topic/128805
PhpStorm ,


.block_images{
margin-top: 10px;
background: url("../images/header_fon5jpg.png")no-repeat center center;
-o-background-size: 100% auto;
-webkit-background-size: 100% auto;
-moz-background-size: 100% auto;
background-size: 100% auto;
height:475px;
}




Это помогло.



А у тебя картинка тегом прописывалась,а у меня она в css на фон кидалась,немного разные ситуации,но спасибо)
Nokilos996 (15.07.2018 в 23:23)
PhpStorm ,


.block_images{
margin-top: 10px;
background: url("../images/header_fon5jpg.png")no-repeat center center;
-o-background-size: 100% auto;
-webkit-background-size: 100% auto;
-moz-background-size: 100% auto;
background-size: 100% auto;
height:475px;
}




Это помогло.



А у тебя картинка тегом прописывалась,а у меня она в css на фон кидалась,немного разные ситуации,но спасибо)


ты не понял, у тебя max-width указан 100%, а нужно просто width 100% указать
Онлайн: 3
Время:
Gen. 0.05
(c) Bym.Guru 2010-2026