Forum PHP.pl > [JavaScript][CSS] Stała pozycja elementu względem tła

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript][CSS] Stała pozycja elementu względem tła

-Michał-

8.06.2012, 09:53:03

Cześć.
Mam jeden kontener, załóżmy #test w którym osadzone jest większe zdjęcie.

Kod

#test {
min-width: 500px;
background: #fff url(x.jpg) no-repeat 50% 0;
}

Czyli jeśli zmieniamy rozmiar okna zdjęcie będzie się środkowało do rozmiaru 500px. Potrzebuję teraz osadzić na tym zdjęciu tekst na stałej pozycji. Czyli załóżmy zdjęcie zawiera chmurkę w której miałby się znaleźć tekst. W jaki sposób to osiągnąć? Czego mam szukać?

vifus

8.06.2012, 11:38:47

Jeżeli dobrze zrozumiałem to overflow: hidden; w divie rodzica powinno pomóc.

-Michał-

8.06.2012, 11:49:24

Nie do końca. Napisałem coś takiego. Jak to można ulepszyć?

Kod

$(function() {
        var w = $('body').width();
        var test = $('#test');
        var mod = 150;
        test.css('left', w/2+mod);
        $(window).resize(function() {
            w = ($('body').width());

            var left = w /2+mod;
            test.css('left', left);
        });
    });

GoOx

8.06.2012, 16:33:15

a nie prościej?

np z prawej strony:

[HTML] pobierz, plaintext 
.cos {
position: fixed;
right:0px;
top:200px;
}
 
[HTML] pobierz, plaintext

-Michał-

11.06.2012, 12:56:33

A ile right żeby zachowało stałą pozycję względem tła przy skalowaniu okna?

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.