absolute Position Hintergrundbild

Ich muss Folgendes erreichen, ein div, das ein Bild enthält, das CMS verwaltet wird und auch eine Option zum Anzeigen einer Hintergrundfarbe hat, wird der gesamte Inhalt dieses Hintergrundbild überlappen.absolute Position Hintergrundbild

Da das Bild CMS verwalten Ich habe einen Image-Tag einfügen ....

<HEADER> 

<div> image tag placed here</div> -------this div is absolutely positioned which is 
used to show the image in the background or color. 
<CONTENT> 

<FOOTER>

ich mit dem Layout zu kämpfen, wenn kein Bild angezeigt wird und es muss nur eine Hintergrundfarbe zeigen, wie es ist nicht den Hintergrund des Inhalts vollständig abdecken.

Irgendwelche Hilfe?

Vielen Dank im Voraus.

Quelle

2012-03-31 jqs

Was ist die Frage? – gilly3

Wie kann ich Hintergrundbild und Farbe im Hintergrund zu sehen und den Inhalt zu überlappen .... – jqs

Es gibt wirklich keine Möglichkeit, die Farbe durch CMS zu ändern, außer wenn Sie den Benutzer bitten, ein 1x1 gif mit der benötigten Farbe hochzuladen.

Sofern Ihr CMS verfügt über Farb-Picker und ermöglicht dem Benutzer, Farbe oder das Bild

Ich denke, so etwas zu wählen?

<div style="backgound-color:red;"> 
    <img src="bg.jpg"/> 
</div>

Quelle

2012-03-31 22:29:04 Miro

Ich kann eine Klasse für die Farbe, die über CSS gesteuert wird, und geben Sie dem Editor eine Option zur Auswahl einer voreingestellten Farben .. .aber das Problem, das ich gegenüberstelle, ist, dass das Div den Inhalt nicht erweitern wird.

' – jqs

Das Img-Tag muss separat" erweitert "werden. Das Div ist nur Container. So wird das Bild strecken, wird aber nicht das Verhältnis halten. Ich empfehle ein Plugin wie Supersized für jQuery. Google it :) – Miro

Ich würde sogar sagen, um die Abmessungen des Bildes in Ihrem CSS zu buchstabieren, und dann nur das div auf Überlauf: versteckt. –

absolute Position Hintergrundbild

Antwort

Verwandte Themen