XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   Text mit Hintergrundbild füllen (http://xhtmlforum.de/showthread.php?t=72533)

DeTomaso33 07.12.2015 12:01

Text mit Hintergrundbild füllen
 
Liste der Anhänge anzeigen (Anzahl: 1)
Hi Leute,

ich finde für mein Problem auf dt.Seiten nichts passendes meist nur als Tipps für Bildbearbeitungsprogramme. Auf der folgenden Seite wird das Problem thematisiert,aber die eigentliche Lösung nur als Bild dargestellt.

https://css-tricks.com/image-under-text/

So soll es aussehen (multi-color-gradient): s.Anhang (bitte draufklicken!!)

Auf der Seite About IndigoTide - Free JavaScripts - Astronomy - Photography sind wir noch einen Schritt weiter mit einer Animation des Ganzen.

Kann mir einer weiterhelfen?:|

mfg DeTomaso33

MrMurphy 07.12.2015 12:30

Hallo

du hast den Beitrag leider nur bruchstückhaft aufgenommen.

Zitat:

aber die eigentliche Lösung nur als Bild dargestellt.
Unter dem Bild befindet sich ein "View Demo"-Button. Dort wird das Beispiel in echt angezeigt.

Zitat:

Auf der Seite About IndigoTide - Free JavaScripts - Astronomy - Photography sind wir noch einen Schritt weiter
Nein, dort wird einfach nur eine animierte gif-Datei angezeigt. Die gab es bereits vor Windows.

Zitat:

Kann mir einer weiterhelfen?
Wenn die Information, dass es für deinen Wunsch keine Lösung gibt, dir weiterhilft, dann ja.

Die CSS-Anweisung "background-clip" ist so exotisch, dass sie bei "Can I Use" nicht einmal aufgeführt ist.

Wie in dem von der verlinkten Beitrag beschrieben funktioniert sie auch nur in Webkit-Browsern. Ergo: Man kann mit Webkit-Browsern damit rumspielen, für die Praxis ist die Anweisung nicht geeignet. Die Wahrscheinlichkeit, das Webkit-Browser sie irgendwann nicht mehr unterstützen ist auch relativ groß.

Solche zeitweiligen Insellösungen werden von allen Browserherstellern immer wieder mal in ihre Browser eingebaut um dann nach kurzer Zeit sang- und klanglos wieder zu verschwinden.

Wenn du trotzdem eine Lösung für dein Problem suchst solltest du dich mit SVG-Grafiken beschäftigen. Mit denen ist dein Wunsch erfüllbar bis hin zur Animation. Allerdings erfordert SVG mit Sicherheit eine Menge Einarbeitungszeit. Die lohnt sich aber da SVG sich durchgetzt hat und ziemlich zukunftssicher ist.

Siehe auch

http://www.webdesignerdepot.com/2014...h-css-and-svg/

und

https://entwickler.de/online/web/css...te-169270.html

Gruss

MrMurphy

DeTomaso33 07.12.2015 15:49

ViewDemo
 
Hallo nochmal MrMurphy!
Die Demo habe ich mir gerade noch mal zur Vergewisserung angeschaut. Dort ist genau das verkehrte Dargestellt. Das Bild soll nur im Inhalt der Buchstaben zu sehen sein. Die Füllung soll das Hintergrundbild sein und der Hintergrund der unter dem Text als Seitenhintergrund zu sehen ist kann beliebig sein. Nur nicht farbigen Text als Lösung!:?:
Bei dem anderen Beispiel (dem animierten gif) kann das ruhig so sein.

mfg DeTomaso33


Alle Zeitangaben in WEZ +2. Es ist jetzt 17:26 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023