Autor |
Nachricht |
stolat
Threadersteller
Dabei seit: 20.07.2006
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Do 24.01.2013 11:00
Titel Html-Problem: Bild mit unbestimmten Größe maskieren |
|
|
Hallo,
kann mir vielleicht jemand dabei helfen, wie ich ein Bild mit unbestimmten Größe mit einem anderem, teilstransparen Bild überlagere, so dass das obere Bild immer so weit sichtbar ist, dass es grade das untere überdeckt?
Beispiel:
Ich lasse rechts-oben auf einer Website Gesichter in unterschiedlicher Größe erscheinen, darüber lege ich immer ein halbtransparentes PNG-Bild mit unterschiedlichen Symbolen , so das das untere Bild von dem Muster überlagert wird. Ich habe es mit einet Tabelle geschafft, die das Gesicht als Hintergrund anzeigt und das PNG-Muster, einfach als ein Element der Tabelle eingesetzt, deckt schön das Gesicht ab. Leider entscheidet jetzt die Größe des PNG-Bilds, wie gross die Tabelle wird und damit wieviel von dem Gesicht sichtbar ist. Ich möchte es umgekehrt machen, also Gesicht immer ganz sichtbar und das Muster einfach rechts und unten abschneiden, wo das Gesicht endet, aber trotzdem das PNG ÜBER dem Gesicht lassen. Nichts braucht skaliert zu werden, das Muster ist da universell.
Gibt es dafür einen einfachen Weg, ohne per Script die Bildgröße auslesen zu müssen?
Gruss
Sto
|
|
|
|
|
qualidat
Dabei seit: 14.09.2006
Ort: Eichwalde bei Berlin
Alter: 63
Geschlecht:
|
Verfasst Do 24.01.2013 11:05
Titel
|
|
|
serverseitig, per PHP?
- Größe von Bild unten abfragen
- transparenten DIV erstellen und DIV und Bild oben gemäß Abfrage positionieren und skalieren (CSS)
|
|
|
|
|
Anzeige
|
|
|
stolat
Threadersteller
Dabei seit: 20.07.2006
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Do 24.01.2013 11:13
Titel
|
|
|
Danke, als Notlösung ja, aber ich habe auf eine saubere html/css-Methode gehofft.
Zuletzt bearbeitet von stolat am Do 24.01.2013 11:13, insgesamt 1-mal bearbeitet
|
|
|
|
|
ChrisKam
Dabei seit: 01.07.2009
Ort: Hattingen
Alter: 38
Geschlecht:
|
|
|
|
|
Karlarsch
Dabei seit: 05.02.2007
Ort: -
Alter: 58
Geschlecht:
|
|
|
|
|
stolat
Threadersteller
Dabei seit: 20.07.2006
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Do 24.01.2013 11:35
Titel
|
|
|
@ChrisKam und @Karlarsch
wie löse ich das mit der variablen Größe? Ich habe es vorhin einfach geschafft, indem das Foto, als Tabellenelement, die Größe der Tabelle bestimmte. Aber als Hintergrund eines Div's bestimmt es doch die Größe des Div's nicht, oder?
|
|
|
|
|
ChrisKam
Dabei seit: 01.07.2009
Ort: Hattingen
Alter: 38
Geschlecht:
|
Verfasst Do 24.01.2013 11:43
Titel
|
|
|
Zeig das mal konkret in Deinem Code bitte, sonst wird das hier sehr schwierig. Ich befürchte mit Tabellen hat Dein Problem nämlich nichts zu tun
|
|
|
|
|
Karlarsch
Dabei seit: 05.02.2007
Ort: -
Alter: 58
Geschlecht:
|
Verfasst Do 24.01.2013 11:44
Titel
|
|
|
Da ich kein Bild hatte, habe ich die Größe des <img> im CSS deklariert. Ändere die Größenangabe und schau was passiert. So wird es sich auch bei richtigen Bildern unterschiedlicher Größe verhalten.
Gruß
Karl
|
|
|
|
|
|
|
|
Ähnliche Themen |
[HTML] DIV-Tag - Größe festlegen
Größe einer HTML-Datei
flash gallery in html, variable größe!
ImageMap, Iframe, Größe HTML, ImageReady und Frontpage
Background Bild Größe ?
HTML/CSS Problem mit <html><body> komischer Abstand unten
|
|