Jak wyświetlić obrazek na wierzchu na środku strony?

Kompilo

2011-02-10 21:12

Pytanie może głupie, ale nie mogę sobie z tym poradzić. Potrzebuję na jednej ze stronek wyświetlić obrazek centralnie na środku strony. Obrazek jest półprzeźroczysty, prześwitujący, ma nakryć to co jest pod nim czyli dać efekt taki że zarówno on będzie widoczny jak i to co pod nim. W miejscu gdzie ma być obrazek nie ma żadnych linków więc nie koliduje to z tym że ktoś nie będzie mógł poklikać bo mu obrazek zasłoni. Po prostu ma być widoczny na środku strony, to jest okrąg o średnicy 200 pikseli. Ktoś pomoże? Bardzo byłbym wdzięczny. Jak umieścić go w kodzie?

» Quick.Cms v3.x

Kompilo

Rad

2011-02-11 00:39

PNG-24 daje możliwość częściowej przeźroczystości, aczkolwiek nie jest prawidłowo wyświetlany w starszych wersjach przeglądarek. Trzeba zrobić tło diva z jakiegoś jpg-a czy gifa i do tego diva wstawić png-24. Ale nie będzie przykrywać tekstu, no niestety html to nie matrix.
<div id="matrix"><img src="plik.png"></div>
styl:
#matrix{background:url(tlo.gif);}

Rad

2011-02-11 07:52

Sorry,
istnieje taka możliwość żeby obrazek znajdował się nad tekstem - z-index. Trzeba do stylu diva dopisać:
z-index:1;
i położenie diva np:
left: 50px;
top: 50px;
i jeszcze:
position: absolute;

Kompilo

2011-02-11 11:27

dzięki, wypróbuję i dam znać!

KOmpilo

Kompilo

2011-02-25 20:35

Jeszcze mam pytanko. Jak takowe coś nałożyć z tzw "krzyżykiem" do zamknięcia?
Rozumiem że trzeba przygotować plik html z adresem obrazka ale w którym miejscu to wrzucić żeby było centralnie na środku i się zamykało po kliknięciu w krzyżyk? Z góry THX

Kompilo