|
|||
div mit Hintergrundbild auf body mit anderem Hintergrundbild
hallo,
bin neu hier. hier mein problem: kann mir bitte jemand anhand eines einzigen div-bereiches erklären, wie man diese "scheinbare" transparenz macht: http://meyerweb.com/eric/css/edge/co...iral/demo.html ich kann nicht so gut englisch und ich verstehe es einfach nicht. ich weiß nur, dass da mehrere bilder im spiel sind und background: url(...) fixed. html und css kann ich. |
Sponsored Links |
|
|||
..ähnliches Problem
Hi,
bin neu hier und da dieser Thread eigentlich zu meinem Problem passt., dachte ich einfach, dass ich ihn weiter führe. Ich schreibe gerade eine Homepage für einen Musikverein und wollte auch diese Transparenz erreichen, die mit Hilfe verschiedener Bilder erreicht wird. Testseite - Musikverein Degerfelden Ich weiß, dass im IE diese Seite noch nicht korrekt angezeigt wird, die Browserspezifischen Anpassungen werde ich allerdings erst nach der Fertigstellung des Designs berücksichtigen. Mein Problem ist, das im Bereich der Überschrift h3 Code:
div#content h3 { background-color: #999999; display: block; padding: 0.5em; background-image: url(./gfx/logogr.png); background-position: 8em 1em; background-repeat: no-repeat; background-attachment: fixed; /* zum testen */ margin: 0 -12px 0.5em; } Ich hoffe hier hat jemand eine Idee... Gruß Christian |
|
|||
Du positionierst das Hintergrundbild mit em. em beziehen sich hier auf die Schriftgröße des Elements.
Da die Überschrift (per Default) eine andere Schriftgröße hat als #content ist auch die Position unterschiedlich. Vergib du die Schriftgrößen für die Elemente (nicht den Browsern überlassen), dann kannst du die ems entsprechend umrechnen. |
|
|||
Erstmal danke für die schnelle Antwort!
Für alle, die später ein ähnliches Problem haben: Da em wie fricca schon sagte auf der Schriftgröße bassiert müssen die Werte angepasst werden. Wenn ihr die font-size im Elternelemt mit em angebt (z.B.: 0.5em), so muss im "Tochterelement" der Abstand zum Rand mit diesem Wert verrechnet werden. Beispiel: Code:
div#content { font-size:1em; background-position: 8em 1em; } div#content h3 { font-size:2em background-position: 4em 0.5em; } |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Mehrere Divs in einem Layer nebeneinander zentrieren..? | michaf | CSS | 14 | 19.08.2013 02:02 |
Bildergalerie? Bild soll in einem Div, text in anderem Div erscheinen? | caja13 | CSS | 11 | 10.09.2008 17:31 |
CSS ul li Problem | snowbound_ch | CSS | 16 | 07.02.2008 13:14 |
1 Hintergrundbild über 2 Div Container | Philippp | CSS | 11 | 14.10.2004 12:45 |
Hintergrundbild in DIV | TDA1979 | CSS | 10 | 29.07.2004 12:07 |