| |
|
|
| | Вставляю изображение в файл
<img src="/images/parig.jpg" class="bg">
В стилях пишем
img.bg {
/* Set rules to fill background */
min-height: 100%;
min-width: 1024px;
/* Set up proportionate scaling */
width: 100%;
height: auto;
/* Set up positioning */
position: fixed;
top: 0;
left: 0;
}
@media screen and (max-width: 1024px) { /* Specific to this particular image */
img.bg {
left: 50%;
margin-left: -512px; /* 50% */
}}
На локалке все прекрасно под все браузеры. А в Мозиле только маленькая вверху полосочка и всё.
Сайт временно выложил сюда http://kushiy.myjino.ru/ | |
| |
|
|
| |
|
|
| |
для: immortal727
(05.02.2015 в 15:04)
| | | А зачем вам фон отдельной картинкой?
почему вы не используете для body например? | |
| |
|
|
| |
|
|
| |
для: KPETuH
(05.02.2015 в 15:49)
| | | Если я так буду делать масштабировании браузера, или много текста на странице, то в низу картинки уже не будет. Мне надо именно так сделать | |
| |
|
|
| |
|
|
| |
для: immortal727
(06.02.2015 в 16:51)
| | | вроде бы фоновые изображения тоже маштабируются | |
| |
|
|
| |
|
|
| |
для: KPETuH
(09.02.2015 в 10:21)
| | | Масштабируются только при использовании
background-size:100% 100%;
|
| |
| |
|
|
| |
|
|
| |
для: Владимир55
(09.02.2015 в 22:10)
| | | Это почему? Все масштабируется, и 50% указать, будет и в этих величинах отображено, и в пикселях, и auto, и cover, и contain. | |
| |
|
|
