Adam Michalak HOTNEWS.pl
konto usunięte
Temat: matka przeźroczysta, synek nie
nie dziedziczyć + position: absoluteMarcin K. E-commerce & Web
Temat: matka przeźroczysta, synek nie
Adam Michalak:
macie jakieś rozwiązanie na nieprzeźroczystość diva dziedzicznego?
<div id="mummy" style="filter:alpha(opacity=80); opacity:0.8;">
<div id="sonny" style="adopted:yes"></div>
</div>
konto usunięte
Temat: matka przeźroczysta, synek nie
Nie wiem czy dobrze zrozumiałem, ale czy nie wystarczy nadać kolor tła dziecku?konto usunięte
Temat: matka przeźroczysta, synek nie
Waldek Mazurek:
Nie wiem czy dobrze zrozumiałem, ale czy nie wystarczy nadać kolor tła dziecku?
niestety nie.
jesli parent ma np: 50%, to domyslnie wszystko co jest w srodku 100%, to odnosi sie do tej 50%tki :) wiec sie nie da.
Najprostrzym sposobem i ktory staram sie najczesciej stosowac... dla parenta nie robie 50%, ale wrzucam mu jako tlo obrazek 10x10 png w kolorem 50%. Dzieki temu nie ma pozniej problemu z dziedziczeniem opactiy parenta i mamy np. ladne, polprzezroczyste tlo pod jakims tam textem :)
Andrzej Kidaj www.ad3.eu
Temat: matka przeźroczysta, synek nie
Ja robię to trochę dłuższą metodą. Robię parenta bez niczego a w niego wkładam kolejno dwie warstwy - jedna z półprzezroczystym tłem, druga bez tła, z właściwą zawartością.konto usunięte
Temat: matka przeźroczysta, synek nie
Andrzej Winnicki:
niestety nie
No cóż - widać czas na kawę ;)
Adam Michalak HOTNEWS.pl
Temat: matka przeźroczysta, synek nie
dzięki, jak widać różne sposoby ale finalne rozwiązanie jest:)swoją drogą jak wyjść z takiej sytuacji, celem osiągnięcia efektu dat z boku jak w wordpresie: http://blog.piotrnalepa.pl/
gdy mój kontener zbiorczy ma atrybut overflow:hidden celem automatycznego wydłużania w związku z różnymi treściami, co powoduje obcinanie wystających divów o atrybutach minusowych pozycjonowania (dla np. margin-left:-50px;)
Jaka jest filozofia pozycjonowania takich bocznych divów?Adam Michalak edytował(a) ten post dnia 07.10.10 o godzinie 19:16
Kamil
Kłosowski
webdeveloper
limegarden.pl
Temat: matka przeźroczysta, synek nie
to zastosuj kolejny kontener. bedzie zawieral boczny div (z pos. absolute, badz tak jak tu - float) + kontener tresci z overflow:hidden.pytanie - co u Ciebie byloby najlepsze, minusowe marginy to niezbyt dobre rozwiązanie, może przykład?
a co do głównego wątku - to najlepiej używać rgba albo hsla, oprócz IE (do którego można zastosować filter) wsparcie ma we wszystkich przeglądarkach, a bez obrazków, divów i cudów nadaje nie-dziedziczoną przezroczystość.
konto usunięte
Temat: matka przeźroczysta, synek nie
A tak z głupia zapytam:) Próbował ktoś wpisywać opacity synka na 150%? :) Dzieje się coś?konto usunięte
Temat: matka przeźroczysta, synek nie
W nowoczesnych przeglądarkach możesz definiować kolory za pomocą RGBA czyli RGB z kanałem alpha.Może to wyglądać np. tak:
#matka{
background-color: rgba(255,255,255,0.7)
color:rgba(0,0,0, 0.7)
}
#dziecko{
background-color:#fff;
color:#000
}
Więcej o tym, m.in jak potrkatować te mniej mądre przeglądarki możesz przeczytać tutaj:
http://24ways.org/2009/working-with-rgba-colour
Kamil
Kłosowski
webdeveloper
limegarden.pl
Temat: matka przeźroczysta, synek nie
Tomasz Gospodarczyk:
W nowoczesnych przeglądarkach możesz definiować kolory za pomocą RGBA czyli RGB z kanałem alpha.
Może to wyglądać np. tak:
#matka{
background-color: rgba(255,255,255,0.7)
color:rgba(0,0,0, 0.7)
}
#dziecko{
background-color:#fff;
color:#000
}
Więcej o tym, m.in jak potrkatować te mniej mądre przeglądarki możesz przeczytać tutaj:
http://24ways.org/2009/working-with-rgba-colour
to samo napisałem godzinę temu..
Adam Michalak HOTNEWS.pl
Temat: matka przeźroczysta, synek nie
Kamil Kłosowski:
to zastosuj kolejny kontener. bedzie zawieral boczny div (z pos. absolute, badz tak jak tu - float) + kontener tresci z overflow:hidden.
właśnie, i to jest problem, ponieważ położenia pionowe mniejszych divów z datami muszą być zgodne z położeniem mniejszych divów z artykułami (a w moim przypadku zajawka art. może mieć różną długość)
Kamil
Kłosowski
webdeveloper
limegarden.pl
Temat: matka przeźroczysta, synek nie
Adam Michalak:
Kamil Kłosowski:
to zastosuj kolejny kontener. bedzie zawieral boczny div (z pos. absolute, badz tak jak tu - float) + kontener tresci z overflow:hidden.
właśnie, i to jest problem, ponieważ położenia pionowe mniejszych divów z datami muszą być zgodne z położeniem mniejszych divów z artykułami (a w moim przypadku zajawka art. może mieć różną długość)
nie rozumiem jednak czemu korzystasz z overflow - hidden, jeżeli długość art. ma różną długość. najlepszym rozwiązaniem jest dodanie bocznego diva - pozycjonowanie absolutne relatywne do danego wpisu.
przynajmniej z tego co widzę (chodzi o hotnews.pl?) nie musisz stosować overflow.
Adam Michalak HOTNEWS.pl
Temat: matka przeźroczysta, synek nie
akurat o inną stronę, ale dokładnie ta sama filozofia kodu.Chciałem iść na skróty wywalając diva na minusie poza kontener:)
Kamil
Kłosowski
webdeveloper
limegarden.pl
Temat: matka przeźroczysta, synek nie
istniało by duże prawdopodobieństwo wysypania się strony. minusowe marginy to jedno z ryzykownych podejść;)Podobne tematy
-
Programiści WWW » Poszukuje czlowieka, nie programisty :) -
-
Programiści WWW » Czy 1and1 ma jakieś problemy ? Hosting i strony działają... -
-
Programiści WWW » Pliki, graficzne dla serwisów i nie tylko -
-
Programiści WWW » Dlaczego obrazek się nie pobiera? -
-
Programiści WWW » Obszar roboczy edytora Tinymce - jakby nie patrzył textarea. -
-
Programiści WWW » Powiadomienia Dropbox, nie działają -
-
Programiści WWW » Czy facebook i google nie wspierają standardów? -
-
Programiści WWW » Dublowanie kodu - bezwzględnie usuwać, czy może nie? -
-
Programiści WWW » proszę o pomoc - nic nie umiem -
-
Programiści WWW » nie działa zapis do pliku... -
Następna dyskusja: