Blocco con Colore ed Immagine

[Polley]

avendo questo esempio

<div id="Blocco">Testo</div>


Il documento è un Xhtml Strict

#Blocco
{
background-color: #f0f0f0;
background-image: url(immagine.jpg);
background-repeat: no-repeat;
background-position: right top;
}

il blocco div può essere colorato e poi mantenendo il colore avere un'immagine di sfondo in alto a destra? perchè non mi esce l'immagine :master:

se tolgo
background-image: url(immagine.jpg);
e metto
background: url(immagine.jpg);
esce l'immagine ma sparice il colore !!

[pierofix]

Se usi background devi scrivere:

div {
   background:#69c url(img.png); 
}

ovvero prima il colore e poi l'url.

[Polley]

ma scritto come ho fatto io non è la stessa cosa ? :master:

[Polley]

non funziona lo stesso, perchè ? :master:

se metto solo
background: #f0f0f0;
mi colora il blocco, se metto
background: (immagine.jpg);
vedo l'immagine, quindi il percorso non è sbagliato

[pierofix]

background prevede l'inserimento di due valori! Se non inserisci il colore esso diventa trasparente.

Allora devi usare background-image e background-color.

[Polley]

allora........

background: #fff url(immagine.jpg);

il blocco è bianco con il testo senza immagine!

background: url(immagine.jpg);

nel blocco si vede l'immagine di fondo!

background-color: #ffffff;
background-image: url(immagine.jpg);

il blocco è bianco senza immagine!


ma in teoria si può colorare ed in più mettere l'immagine ? :master:


...........a me sembrava di si

[Polley]

si si può fare, funziona con il div, lo stavo provando in un h2, credevo fosse lo stesso avendogli dato un display: block qualcuno ne sà il motivo ?

[Polley]

oggi non è giornata

mi sembrava strano che non funzionasse
l'immagine scazzava

comunque piccolo riassunto per chi non lo sapesse, si può colorare un blocco e mettergli un'immagine di sfondo all'interno


background: #ffffff url(sfondo.gif) no-repeat right top;

[pierofix]

Grazie...