Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]Div na divie
Forum PHP.pl > Forum > Przedszkole
wizard144
Witam mam pytanie.

mam diva. I potrzebuje go zacieniować drugim... jak w lightboxie. Jakies pomysly na to jakie style nadac temu cieniujacemu ?
Fifi209
Ten "cieniujący" to nic innego jak półprzeźroczysty obrazek .png winksmiley.jpg
Fishu
Ja bym proponował coś takiego (dla zacieniowania całej strony):
  1. position: fixed;
  2. top: 0;
  3. left: 0;
  4. filter: alpha(opacity=50);
  5. -moz-opacity: 0.5;
  6. opacity: 0.5;
  7. background: #000;
  8. width: 100%;
  9. height: 100%;
wizard144
Fixed nie dziala w IE smile.gif Juz sobie poradzilem smile.gif

Ok, dałem dwóm divom position:absolute;

problem tkwi w tym że gdy oba mają absolute to nie mogę ich wyśrodkować... Jakieś pomysły ? sadsmiley02.gif
jmail
wyśrodkuj diva z position relative i jak znasz rozmiar tych divów to już odpowiednio od krawędzi sobie wstawisz.

co do tego css'a to musi być mała poprawka odnosząca się do IE8 i w ogóle do IE

na przykład

  1.  
  2. opacity: 0.8;
  3. -moz-opacity:0.8;
  4. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  5. filter: alpha(opacity=80);
  6.  


i to w takiej kolejności

fifi - po co ładować półprzezroczystego png'a skoro w CSS mozesz to załatwić?
sadistic_son
Cytat(jmail @ 18.08.2009, 13:12:52 ) *
co do tego css'a to musi być mała poprawka odnosząca się do IE8 i w ogóle do IE
Do IE8 ten 'hack' jest zbędny.

Aby wyśrodkować wrzuć całość do np <div id=wrapper> i nadaj mu margin: auto 0; Position pozostaw na absolute.
jmail
tak hack jest zbędny bo IE8 stara się sam dobrać kompatybilność wsteczną, ale jak zrobisz css'a pod IE8 to nie będzie musiał analizować kodu i zrobi zadzaiała wydajniej
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.