[Erledigt] Durchscheinen lassen

[lukatsch]

also weil ich grad beim überlappen war:
1.eine site mit hintergrund z.b nen baum
2.ein div darüber der centriert ist,nicht bis zum äußeren rand geht (oben u seiten) und bei dem das hintergrundbild der gesamten page durchscheint,also dass der baumausschnitt im div etwas gräulicher ausschaut .
wenn so was geht würd ich mich freuen eure erfahrung zu hören
thx schon mal

 

[Anonymous]

Drück dein Problem bitte etwas genauer aus.

 

[feyyaz]

erstens, sowas geht nicht
aber hey meine devise -> geht nicht gibts nicht

da gibts so kleine tricks mit denen wir das menschliche auge taeuschen können.
wir erzeugen ein transparentes gif bild mit einer groesse von 2x2 pixel
und setzen dann folgende punkte

[trans][grau]
[grau][trans]

trans steht fuer transparent
dieses bild wird dann der hintergrund für das ueberlappende <div>-tag

hier ne kleine demo

 

[Anonymous]

feyyaz, ich bin sehr beeindruckt von dir. Du kennst klasse Tricks und deine Devise scheint wirklich dem zu entsprechen, was sie "sagt".

 

[feyyaz]

ist mein job ;)

und nochwas, je staerker der durchschein wirken soll, desto heller machst das grau, aber wie alle effekte geht auch dieser verloren, wenn die farben zu unterschiedlich werden.

wenn deine hintergrund im grossen und ganzen rot ist, nimmst statt z.B. grau einfach ein dunkles rot

 

[lukatsch]

geil ! thx ihr megachecker
wollt ich scho immer mal wissen ......
juhu der tag ist geil,geil,geil,geil !!!!!!!!!!!!!!!!!!!!
sry musst etz mal so sagen !

 

[Leo]

hää punkte setzen muss ich da [trans][grau]<img src=bjhsnuh.jpg>[grau][trans] machen?

 

[lukatsch]

ne ne: du hastn bild aus trans grau
grau trans
is 2 pixel auf 2 pixel.wennst jetzt des bild über ein anderes bild legst schein das andere durch (wegen den trans punkten ),aber nicht ganz (wegen den grau punkten )
am besten du schaußt dir den quellcode von feyyaz an,link steht ja oben

 

[Prophet]

erstell ein gif das dieses muster enthält und binde es als hg ein.

 

[flapo]

Gibt es nicht sogar eine CSS Definition (irgendwie :transparent oder so) für Transparenten Hintergrund???

 

[Gelöschtes Mitglied 2703]

ja background-color:transparent ;)

 

[lukatsch]

das stellt aber nur keine hintergrundfarbe her.hier wird aber nach einer nicht 100%igen transparenz gesucht.schau dir mal die demo an,dass geht mit deinem nicht

 

[Leo]

also das habe ich soweit verstanden nur wie mache ich so ein 2*2 bild einstellung im Bild bearbeitungsprogramm

 

[feyyaz]

wenn das nicht hinbekommst, dann lad dir doch einfach das aus meiner demo runter

 

[Gelöschtes Mitglied 2703]

ich weiss das damit nicht geht aber danach hat flapo ja auch net gefragt ;)

 

[feyyaz]

wie war das nochmal
geht nicht gibts nicht...

ich hab da noch ne variante die top-pro ist ;)

fuer firefox, der schon zum teil CSS3 implementiert hat

<div style="opacity:0.5;">
 Dieses div ist zu 50% durchsichtig
</div>

und fuer den IE haben wir eine interne spezialeffectfunktion

<div style="filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);">
 Dieses div ist zu 50% durchsichtig
</div>

um den code multifunktional zu machen

<style>
.transparenz { 
 opacity:0.5;
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}
</style>
...
<div class="transparenz">
  Dieses div ist zu 50% durchsichtig
</div>

 

[flapo]

HIER ein beschrieb dazu.