Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS]Div na divie
wizard144
post
Post #1





Grupa: Zarejestrowani
Postów: 138
Pomógł: 3
Dołączył: 4.05.2009

Ostrzeżenie: (0%)
-----


Witam mam pytanie.

mam diva. I potrzebuje go zacieniować drugim... jak w lightboxie. Jakies pomysly na to jakie style nadac temu cieniujacemu ?
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 6)
Fifi209
post
Post #2





Grupa: Zarejestrowani
Postów: 4 655
Pomógł: 556
Dołączył: 17.03.2009
Skąd: Katowice

Ostrzeżenie: (0%)
-----


Ten "cieniujący" to nic innego jak półprzeźroczysty obrazek .png (IMG:style_emoticons/default/winksmiley.jpg)
Go to the top of the page
+Quote Post
Fishu
post
Post #3





Grupa: Zarejestrowani
Postów: 192
Pomógł: 13
Dołączył: 16.11.2007
Skąd: Żory

Ostrzeżenie: (10%)
X----


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%;
Go to the top of the page
+Quote Post
wizard144
post
Post #4





Grupa: Zarejestrowani
Postów: 138
Pomógł: 3
Dołączył: 4.05.2009

Ostrzeżenie: (0%)
-----


Fixed nie dziala w IE (IMG:style_emoticons/default/smile.gif) Juz sobie poradzilem (IMG:style_emoticons/default/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 ? (IMG:style_emoticons/default/sadsmiley02.gif)
Go to the top of the page
+Quote Post
jmail
post
Post #5





Grupa: Zarejestrowani
Postów: 352
Pomógł: 53
Dołączył: 10.08.2009

Ostrzeżenie: (0%)
-----


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ć?

Ten post edytował jmail 18.08.2009, 12:14:42
Go to the top of the page
+Quote Post
sadistic_son
post
Post #6





Grupa: Zarejestrowani
Postów: 1 495
Pomógł: 245
Dołączył: 1.07.2009
Skąd: Bydgoszcz

Ostrzeżenie: (0%)
-----


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.
Go to the top of the page
+Quote Post
jmail
post
Post #7





Grupa: Zarejestrowani
Postów: 352
Pomógł: 53
Dołączył: 10.08.2009

Ostrzeżenie: (0%)
-----


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
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 24.12.2025 - 09:35