Код картинки (міняла позиціонування не до якогось результату це не привело, завжди одне і те ж виходить)
Телепати у відпустці.
Звідси ніяк не видно ні ваших гумових хвиль, ні логотипів, ні як вони скачуть, ні що і як ви прикріплюєте, ні як вам хочеться, щоб воно було прикріплено. Без цього допомогти вам важко.
Було б цікаво побачити сам приклад.
А "position: relative"? За ідеєю, якщо зробити позиціонування логотипу ЩОДО фону, тоді і при зміні розмірів вікна (F11 - Full Screen, правильно?) Ці два елементи повинні змінюватися разом.
yury, отредактировала більш попдробнее свою проблему, подивіться будь ласка, може що-небудь підкажіть
ShadowCoder, Ні. Пробувала різні варіанти, нічого не виходить, посомтріте ласка, отредактировала попдробнее тему
Проблема в тому, що ви вибрали масштабування фону за розміром вікна браузера, см властивість
відповідно, коли ви міняєте розмір вікна, то змінюються і розміри фону і положення картинки на ньому.
Зверніть увагу, що зміна розміру вікна вікна браузера може відбуватися не тільки по діагоналі, коли пропорційно змінюються висота і ширина, а й незалежно, коли змінюється тільки ширина або висота. У вашому випадку це призведе до відповідних непропорційним спотворень фону. Ви впевнені, що вам таке треба?
Для синхронного зміни положення логотипу можна йому задати абсолютне позиціонування з відступами в процентах від розміру блоку-батька (і не забути блоку-батькові дати властивість тому абсолютне позиціонування за стандартом працює тільки всередині таких блоків).
Як альтернативний варіант, можна вклеїти логотип в зображення фону для їх пропорційного зміни.
Але з урахуванням вищезазначених спотворень все це буде виглядати дуже криво.
Нормальний гумовий фон зазвичай робиться Тайлінг фону (покриттям фону повторюється безшовної текстурою). У цьому випадку нічого нікуди не скаче і не спотворюється.