Liga Liero
2019-10-15 20:17:40 *
Witamy, Gość! Prosimy, zaloguj się, lub zarejestruj.

Zaloguj się podając nazwę użytkownika i hasło.
 
  Strona główna   Forum   Pomoc Szukaj Kalendarz Zaloguj się Rejestracja  
Strony: [1]   Do dołu
  Drukuj  
Autor Wątek: Przezroczystość i CSS  (Przeczytany 3119 razy)
0 użytkowników i 1 Gość przeglądają ten wątek.
Doman
Gwardia
Generał
*

Reputacja: 22
Offline Offline

wiadomości: 885


The truth is out here


Zobacz profil WWW
« : 2006-08-05 20:00:59 »

Od jakiegoś czasu (kilkudziesięciu minut) próbuję uzyskać pewien efekt, jak na razie bezskutecznie. Mianowicie robię stronkę z jasnym tekstem na ciemnym obrazkowym tle. Do tego chcę, żeby wokół części tekstu tło było odrobinę rozjaśnione, jak na obrazku poniżej.

Majstrowałem trochę z półprzezroczystym divem o białym tle, ale w takim przypadku tekst też staje się przezroczysty, czego chciałbym uniknąć. Sporo forumowiczów ma doświadczenie webmasterskie - ktoś ma pomysł jak w miarę prosto i elegancko uzyskać taki efekt?
Zapisane

May the Schwarz be with you!
ChanibaL
Egzekutor
Generał
*

Reputacja: 49
Offline Offline

wiadomości: 1191


praktykujący psychopata


Zobacz profil WWW
« Odpowiedz #1 : 2006-08-05 22:15:09 »

W sumie to najlepiej by chyba było nie używać przeźroczystości, a tylko tła które je udaje, tak jak w tym znanym przykładzie albo którejś z jego wersji, tak aby ie Cię polubiło (w przypadku nieużywania fixed nie powinno być żadnych kłopotów).
Zapisane

rzehójom mówimy stanowcze rzehój!!1
xmpp://ChanibaL@jabberpl.org
[VT].:nomind:.
Bystrooki Kloc
Gwardia
Sierżant
*

Reputacja: 28
Offline Offline

wiadomości: 234


=]


Zobacz profil WWW
« Odpowiedz #2 : 2006-08-06 22:33:09 »

Daj div'owi jako tło .png polprzezroczysty.
IE zalatwiasz filtrem alpha (1 linijka w CSSie) i nie masz problemow z position-fixed jak tym 'znanym-przykladzie'.
(no i dodajesz tylko jeden obrazek 1x1 pixel, a nie jakies dublowanie grafiki tła czy cus..)
« Zmienione: 2006-08-06 22:44:17 przez [VT].:nomind:. » Zapisane

.: [VT] no!mind :.    ::The High Council Of Steven,  Vermis Templari Liero Clan ::
Disco per Spiritum Sanctum: sum homeopate. Haec veritas est. Hihi crede et mendum in aeternitate viva zwei [ruf mich an!!]
ChanibaL
Egzekutor
Generał
*

Reputacja: 49
Offline Offline

wiadomości: 1191


praktykujący psychopata


Zobacz profil WWW
« Odpowiedz #3 : 2006-08-06 23:03:34 »

Nie rozumiem dokładnie, bo jeśli ta jedna linijka w css to filter:alpha(opacity=cośtam); to czy to przypadkiem nei tylko tło, ale i zawartość diva będzie półprzeźroczysta?
Zapisane

rzehójom mówimy stanowcze rzehój!!1
xmpp://ChanibaL@jabberpl.org
Doman
Gwardia
Generał
*

Reputacja: 22
Offline Offline

wiadomości: 885


The truth is out here


Zobacz profil WWW
« Odpowiedz #4 : 2006-08-06 23:22:39 »

Sądząc po przykładach, które czytałem będzie jak pisze Chanibal, ale jakoś nie chciało mi się tego w praktyce testować. Na razie zrobiłem na próbę dwa różne obrazki tła. Jest to coś w stylu gwieździste niebo, więc nawet nie bawiłem się w ustawianie position bo i tak przesunięcie nie rzuca się w oczy. Inna sprawa, że to tylko drobny bajer, a nie podstawa designu i jeżeli rozwiązanie będzie wymagało jakichs strasznych środków to sobie najzwyczajniej odpuszczę.
Zapisane

May the Schwarz be with you!
[VT] Patrys
3V1L L33T
Egzekutor
Generał
*

Reputacja: 45
Offline Offline

wiadomości: 1380


ph33r my 1337 n3kk1d skillz


Zobacz profil WWW
« Odpowiedz #5 : 2006-08-09 18:12:43 »

Ale tam się podaje maksymalne opacity. Przezroczystość ma zawierać sam PNG.
Zapisane

Patrys
The High Council of Seven
Vermis Templari
ChanibaL
Egzekutor
Generał
*

Reputacja: 49
Offline Offline

wiadomości: 1191


praktykujący psychopata


Zobacz profil WWW
« Odpowiedz #6 : 2006-08-09 23:30:17 »

Googlnalem troche i wydaje mi sie, ze chodzi o to... wyglada bolesnie, na dodatek IE ma buga z linkami (choc tabelka by wskazywala, ze tutaj mozna by go ominac). Mi sie jednak wydaje, ze drugie tlo bedzie wygodniejsze w uzyciu i dzialalo czesciej.
Zapisane

rzehójom mówimy stanowcze rzehój!!1
xmpp://ChanibaL@jabberpl.org
Strony: [1]   Do góry
  Drukuj  
 
Skocz do:  

Powered by SMF 1.1.15 | SMF © 2005, Simple Machines
TinyPortal 1.0 RC1 | © 2005-2010 BlocWeb