Помощник
|
Зафиксировать изображение (резиновый фон) |
Алерт
|
Сообщение
#1
|
||
|
|
||
|
|||
yury_mw |
14.4.2012, 20:36;
Ответить: yury_mw
Сообщение
#2
|
|
Телепаты в отпуске.
Отсюда никак не видно ни ваших резиновых волн, ни логотипов, ни как они скачут, ни что и как вы прикрепляете, ни как вам хочется, чтобы оно было прикреплено. Без этого помочь вам затруднительно. |
|
|
ShadowCoder |
15.4.2012, 2:07;
Ответить: ShadowCoder
Сообщение
#3
|
|
Было бы интересно увидеть сам пример.
А "position:relative"? По идее, если сделать позиционирование логотипа ОТНОСИТЕЛЬНО фона, тогда и при изменении размеров окна (F11 - Full Screen, правильно?) эти два элемента должны изменяться вместе. |
|
|
Алерт
|
Сообщение
#4
|
|
yury, отредактировала более попдробнее свою проблему, посмотрите пожалуйста,может что нибудь подскажите
ShadowCoder, Нет. Пробовала разные варианты, ничего не выходит, посомтрите пожалуйста, отредактировала попдробнее тему |
|
|
yury_mw |
15.4.2012, 19:50;
Ответить: yury_mw
Сообщение
#5
|
|
Проблема в том, что вы выбрали масштабирование фона по размеру окна браузера, см свойство
background-size: 100% 100%; соответственно, когда вы меняете размер окна, то меняются и размеры фона и положение картинки на нем. Обратите внимание, что изменение размера окна окна браузера может происходить не только по диагонали, когда пропорционально меняются высота и ширина, но и независимо, когда меняется только ширина или высота. В вашем случае это приведет к соответствующим непропорциональным искажениям фона. Вы уверены, что вам такое надо? Для синхроного изменения положения логотипа можно ему задать абсолютное позиционирование с отступами в процентах от размера блока-родителя (и не забыть блоку-родителю дать свойство position: relative; т.к. абсолютное позиционирование по стандарту работает только внутри таких блоков).Как альтернативный вариант, можно вклеить логотип в изображение фона для их пропорционального изменения. Но с учетом вышеупомянутых искажений все это будет смотреться весьма криво. Нормальный резиновый фон обычно делается тайлингом фона (покрытием фона повторяющейся бесшовной текстурой). В этом случае ничего никуда не скачет и не искажается. |
|
|
Алерт
|
Сообщение
#6
|
|
|
Огромное вам человеческое спасибо yury!
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
В РФ приступили к производству антишпионского защищенного смартфона «Р-фон» | 17 | Room | 3106 | 17.1.2024, 10:19 автор: Antarez |
|
Преобразую в вектор растровое изображение Для первых двух готова делать бесплатно, за отзыв |
1 | ropique | 3092 | 18.5.2018, 22:26 автор: Gerga |
|
Как вывести текст при наведении на изображение? | 2 | meduza_hb | 7020 | 18.10.2016, 21:22 автор: -x-line- |
|
Нужен фон для сайта | 0 | SlavePit | 1648 | 16.6.2016, 19:12 автор: SlavePit |
|
Изображение поверх сайта | 4 | tmait | 2098 | 9.8.2015, 18:27 автор: tmait |
Текстовая версия | Сейчас: 19.4.2024, 22:07 |