CSS - DIV - Hintergrundbild

[koma05]

habe ein div (100x100px)

und nun habe ich eine 1x1px halbtransparente grafik.
diese soll als hintergrundgrafik für das div verwendet werden.

soweit so gut. nur soll die 1x1px-grafik erst ab dem 31pixel anfangen.

habs mittels

    background: transparent url("/images/bg_1x1.png") repeat 0px 31px;

probiert - aber ohne erfolg

die 1x1px-grafik wird auf das ganze div angewandt.

kann man es so mit css überhaupt lösen?

 

[MyBad]

AW: CSS - DIV - Hintergrundbild

Wenn die repeaten soll, funktiniert das nicht. Das Thema gab es hier glaube ich auch schon.

 

[funpooler]

AW: CSS - DIV - Hintergrundbild

erstell doch einfach eine Grafik mit den Maßen 69 x 100? und richte die dann unten aus!

 

[Kerstin77]

AW: CSS - DIV - Hintergrundbild

Hallo,

könntest auch die Hintergrundgrafik 70 Pixel breit machen, mit repeat-y wiederholen und auf Position 31 setzen.

background-image: url(bg.gif);
background-position: 31px;
background-repeat:repeat-y;

Grüße,
Kerstin

EDIT: da war wohl jemand schneller...
Aber wenn die Grafik mit dem 31. Pixel beginnen soll, muß sie doch insgesamt 70 Pixel breit sein, oder? Sonst wird die 100 ja nie erreicht.

 

[funpooler]

AW: CSS - DIV - Hintergrundbild

Hm, ja.. kommt halt drauf an, wie rum man rechnet.. meint er den 31. Px von oben oder von links?

 

[Herr_D]

AW: CSS - DIV - Hintergrundbild

?=¿


div eine Hintergrundfarbe zuordnen (1pxBildfarbe) und ein HGbild erstellen 31x breite mit der gewünschten Farbe ohne Wiederholung einbauen...

 

[koma05]

AW: CSS - DIV - Hintergrundbild

[COLOR=#000000][COLOR=#0000bb]background[/COLOR][COLOR=#007700]-[/COLOR][COLOR=#0000bb]image[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000bb]url[/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000bb]bg[/COLOR][COLOR=#007700].[/COLOR][COLOR=#0000bb]gif[/COLOR][COLOR=#007700]);
[/COLOR][COLOR=#0000bb]background[/COLOR][COLOR=#007700]-[/COLOR][COLOR=#0000bb]position[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000bb]31px[/COLOR][COLOR=#007700];
[/COLOR][COLOR=#0000bb]background[/COLOR][COLOR=#007700]-[/COLOR][COLOR=#0000bb]repeat[/COLOR][COLOR=#007700]:[/COLOR][COLOR=#0000bb]repeat[/COLOR][COLOR=#007700]-[/COLOR][COLOR=#0000bb]y[/COLOR][COLOR=#007700]; [/COLOR][/COLOR]

thx

 

[TMP2k1]

AW: CSS - DIV - Hintergrundbild

Wen's interessiert: allgemeine Zusammenfassung der wichtigsten Details zum Thema Hintergrund in CSS --->