Vollständige Version anzeigen : Schöne Schatten auf transparentem Hintergrund
Hallo Photoshopper!
Folgendes Problem liegt an:
Ich möchte für ein Webdesign Content-Boxen nutzen, die einen weichen Schatten nach außen besitzen, welcher ins transparente verläuft. Transparent muss es sein, weil der Hintergrund nach Wahl geändert wird und die Content-Boxen dynamisch angeordnet werden.
Nun sieht das zwar mit PNG-Dateien sehr schön aus, jedoch nur im FireFox. Im IE hingegen ist die Tranzparenz einfach grau. Wenn ich nun ins Gif-Format speichere ist es zwar auch im IE transparent, aber der weiche Schatten ist zu einer dicken einfarbigen Kontur mutiert.
Hat jemand eine Idee, wie ich das hinbekomme, dass es auch im IE vernünftig aussieht oder muss ich einfach damit leben? :fragen:
So, mittlerweile habe ich ein Script gefunden, welches bei PNGs im IE die Transparenz aktiviert. Allerdings müssen die PNGs im 32 Bit-Modus vorliegen. Ich habe nun alles probiert, aber ich kann maximal im 24 Bit-Modus abspeichern.
Hat dafür zufällig jemand eine Lösung?
blindguard
29.10.07, 20:31
tja du kannst es erst als 16 bit (modus) abspeichern, nach dem nächsten öffnen kannst du dann auf 32 bit umstellen, allerdings geht dann das speichern als png nicht mehr :(
evtl. geht das mit cs3?
Nicht nur das ... beim umwandeln in 32 Bit verschwindet die Transparenz völlig. :(
Bleibt mir dann wohl nur die Möglichkeit eine Browserweiche zu erstellen, welche für IE-Nutzer ausschließlich Gifs lädt. Da muss ich dann wohl den weichen Schatten entfernen. :notok:
.. um es mal zu veranschaulichen, es geht um solche Boxen:
http://www.mdcc-fun.de/a-s-web/proj/contentbox.png
Die Box soll in 3 (top, middle, bottom) geteilt und mittels DIV-Container als Hintergrundgrafik eingebunden werden. Auf der Top-Grafik wird dann mittlest Script der Boxenname zu sehen sein. Die middle soll sich nach Inhaltsfülle der Box nach unten wiederholen.
muss es denn wirklich ein Layout sein, dass Semitransparenz benötigt? Ich bin bisher immer gut ohne ausgekommen... :)
-Flori-
Müssen denn alle möglichen Objekte in einen virtuellen Showroom mit spiegelnder Tischplatte gebracht werden?
Damit will ich sagen: Mir gefällt aktuell der Vista/Aero-Style. Deshalb möchte ich das auch auf einer Website verwenden. :)
Außerdem ist es ja auch eine kleine Herausforderung, wie man sieht. :D
lafeerique
27.08.08, 10:42
hey leute!
das ist exakt mein problem gerade!! gab es damals dafür nun irgendeine lösung? ich bekomm das nämlich auch ums verrecken net hin und ich finds irgendwie schade darauf verzichten zu müssen. sieht nämlich echt ganz cool aus.
Hi,
naja wenn du so etwas wirklich nutzen willst und auch willst, dass es im IE klappt, musst du wohl oder übel eine Browserweiche stellen.
http://support.microsoft.com/kb/294714
Dort ist ein "Filter" aufgeführt, der das ganze auch im IE macht. Musst nun nur überprüfen lassen, welchen Browser der User nutzt und dann den Filter im IE einbinden.
-Flori-
Selbst wenns irgendwie für den IE geht, was ist mit Konquerer oder T-Online Browser oder ... ;)
Dann besser gleich auf eine nervende Hintergrundgrafik verzichten und mit einfarbigen Hintergründen arbeiten. Dann sind auch Schatten kein Problem.
lafeerique
27.08.08, 12:10
hi ihr zwei! danke schonmal.
ich habs auch mit nem einfarbigen hintergrund probiert, aber auch hier ist der schatten immer weiß hinterlegt statt transparent :nixweiss:
voll doof. ich hab die einzelnen slices aber alle als 8bit-png gespeichert.
lafeerique
27.08.08, 12:20
also nur zur veranschaulichung.
so soll es aussehen:
http://img292.imageshack.us/img292/6927/homepageneukopieausschnpi6.th.jpg (http://img292.imageshack.us/my.php?image=homepageneukopieausschnpi6.jpg)
und so sieht es aus:
http://img237.imageshack.us/img237/8392/homepageneukopieausschnow3.th.jpg (http://img237.imageshack.us/my.php?image=homepageneukopieausschnow3.jpg)
nur PNG-24 bietet semitransparenz, damit sollte es auch klappen ;)
PNG-8 ist quasi wie gif, hat keine Alpha-Kanal-Maske...
lafeerique
27.08.08, 12:37
aaahaaa! ok...dann werd ich das nochmal umfummeln.
vielen dank schonmal!! :ok:
lafeerique
27.08.08, 12:48
huah!! :yikes:
jetzt schauts so aus:
http://img247.imageshack.us/img247/1976/homepageneukopieausschnks5.th.jpg (http://img247.imageshack.us/my.php?image=homepageneukopieausschnks5.jpg)
alles hinterlegt mit ner komischen farbe... auweh...
Browser?
IE 6 mal nur so geraten *g*
lafeerique
27.08.08, 13:04
jap! rischdisch geraten. habs nochmal mit einfarbigem hintergrund probiert...äh äh *kopfschüttel* mag er auch net.
kann IE 6 das garnicht? hoffentlich nicht!
Scubamarco
27.08.08, 13:06
nimm doch mal einen vernüftigen Browser
Firefox oder IE in der aktuellen Version
Der IE 6 kann gar keine PNGs Firefox, Opera und IE ab 7 können damit umgehen, für den IE 6 gibt es wohl ein Tool, das das darstellen kann.
Und ganz am Rande, wenn du noch den IE 6 benutzt, solltest du unbedingt mal über ein Update /alternativen Browser nachdenken :)
Auf meiner Seite surfen inzwischen 60% mit dem Firefox, von den IE-Usern (30%) nutzen 60% den IE 7 ;) Wären also 15% die das falsch sehen, und die kann man dann mit ner Browserweiche dazu auffordern, mal ihren Browser zu aktualisieren :P
lafeerique
27.08.08, 13:19
verdammt ich habs befürchtet.
naja, privat nutze ich auch ff und IE7 aber hier im büro ist leider nur der IE6 installiert und das wird sich bedauerlicherweise auch so schnell nicht ändern.
hmmm...in der konsequenz bedeutet das ja aber, ich könnte das problem einfach ignorieren, weitermachen und dann zuhause schauen obs richtig dargestellt wird.
@ ylloh: was ist denn eine browserweiche?
Scubamarco
27.08.08, 13:27
ist das Wort nicht selbsterklärend?
Je nach dem welcher Browser die Seite anfordert, bekommt er eine spezielle
Seite geliefert.
lafeerique
27.08.08, 13:34
öhm...nö für mich nicht. habs jetzt aber verstanden. danke ;-)
ich geh mal googeln wie das geht.
Browserweichen erkennen den Browser und ändern das Aussehen, wenn ein Bestimmter Browser verwendet wird.
Versuch doch mal folgenden Link: Transparente PNG-Grafiken im Internet Explorer 6 (http://visualhype.de/programmierung/transparente-png-grafiken-im-internet-explorer-6/468/)
lafeerique
27.08.08, 13:53
danke ylloh! so wie es aussieht muss ich das aber bei jedem einzelnen .png einfügen, kann das sein?
ich finde die idee mit der browserweiche sehr überlegenswert. leider kann ich aber nix für mich verständliches finden, wie ich das so programmieren kann, dass jemand aufgefordert wird den IE7 z. B. runterzuladen.
hättest du da evtl. einen link für mich?
zum Thema Browserweiche hilft SelfHTML (http://de.selfhtml.org/css/layouts/browserweichen.htm) eigentlich ganz gut weiter.
Du kannst es als Standard-Atrtribut für PNG im CSS-Style definieren.
lafeerique
27.08.08, 15:09
ich checks net... :nein
sorry :frieden:
Zerbrich dir nicht den Kopf. Ich habs damals auch sein lassen und einfach auf den IE7 upgedatet. Auf Arbeit hab ich als Zweitbrowser den FF installiert und damit war das Prob für mich erledigt. Wen die grauen Kästchen um die transparenten PNGs stören, der soll halt einen anderen Browser nehmen. In spätestens 1 Jahr existiert der IE6 eh nur noch auf einer Handvoll Rechnern und da ist dann fraglich, ob diese je die Seite aufrufen würden.
Wenn du es aber unbedingt anpassen willst, mach eine Version ohne Transparenz und eine mit Transparenz. Bei IE6-Nutzern -> Weiterleitung zur Version ohne Transparenz mit Warnmeldung: "Achtung! Die grafischen Hochgenüsse dieser Seite wurden durch ihren Browser deaktiviert! Bitte benutzen Sie einen aktuelleren Browser!". :D
lafeerique
27.08.08, 18:31
*hihi* das ist auch nicht schlecht!
vielen dank!!!
ich habs auch mit nem einfarbigen hintergrund probiert, aber auch hier ist der schatten immer weiß hinterlegt statt transparent :nixweiss:
voll doof. ich hab die einzelnen slices aber alle als 8bit-png gespeichert.
Bei einem einfarbigen Hintergrund brauchst Du keine Transparenz, darum macht man das ja so. Webseiten sollten immer und überall identisch dargestellt werden, Browserweichen sind Blödsinn. Gerade im Zeitalter von iPhone, eeePC und anderen mobilen Endgeräten.
Gerade im Zeitalter von iPhone, eeePC und anderen mobilen Endgeräten.
und wieviel Prozent machen die aus? Der FF 3 kann Seiten komplett skalieren, dann sieht alles so aus, wie es soll ;) Und ne Weiche wird auf nem ee oder nem IPhone eh nicht greifen, da da doch hoffentlich aktuelle Browser drauf sind, oder?
eeePC gibts einmal mit XP und einmal mit Linux. Linux ist extra angepasst, wird wohl kein Firefox drauf sein. iPhone hat ne abgespeckte Version von Safari ohne Javascipt etc. Die Dinger werden immer mehr ausmachen, je billiger 'mobiles' Internet wird.
aber sich auch so weiterwentwickeln, dass man da nicht so stark drauf achten muss, ich hab vor einigen Jahren sogar den Fehler gemacht für eine Seite eine WAP-Umgebung zu Programmieren, die glaube ich seitdem 2 mal aufgerufen wurde *g*
WAP war auch ein ziemlicher Reinfall. Da hat das iPhone heute alleine schon fast mehr Verbreitung ;) Gibt aber auch noch Opera mobile in den Smartphones ... :P
Ihr könnt ja Probleme haben. :D Ich hatte bis vor ca. 1/2 Jahr noch Frames auf einer Website. Fand ich damals irgendwie schöner, dass sich nicht die komplette Seite neu geladen hat, sondern nur der Target-Frame. Heutzutage muss man das ja ganz umständlich lösen, damit man den Effekt wieder hinbekommt. Ist alles nicht so einfach geworden mit voranschreitender Technik. :(
Ich denke mal nicht alle Wissen was WAP ist deswegen Frage ich mal, also kann mir wer erklären was WAP ist?
Wireless Application Protocol (http://de.wikipedia.org/wiki/Wap)
ok danke für die Schnelle antwort.
vBulletin® v3.8.7, Copyright ©2000-2025, Jelsoft Enterprises Ltd.