inserire immagine di fondo

intimoviro

Utente Attivo
18 Ago 2009
272
0
0
Salve, ho questo codice contenuto in un codice javascript, volevo chiedervi come inserire un'immagine di fondo al posto del singolo colore.
Posto il codice:

HTML:
<div class="scrollEl" style="background-color:#660066">

Ho provato a fare così, ma niente:

HTML:
<div class="scrollEl" style="background: url("images/mia_immagine.jpg")">

Ma niente, non prende alcuna immagine.

Grazie :fonzie:
 
La classe è questa:

HTML:
.scrollEl{
  display:none;
  align:center;
  background:url("elements/elBgnd.png") repeat-x;
  border:1px solid #ddd;
  font-family:sans-serif;
  font-size:180%;
  color:white;
  height:100px;
  padding:5px;
  padding-top:40px;
  text-shadow:#999 1px 1px 1px;
  text-align:center;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}
 
Il problema è nel fatto che utilizzi le doppie virgolette per specificare il percorso dell'immagine e l'HTML lo vede come se tu avessi chiuso il tag. Prova così:
<div class="scrollEl" style="background: url('images/mia_immagine.jpg')">
Comunque ho notato che nella classe specifichi un'immagine di background e nell'HTML un'altra, non va bene, anche se non so quali delle due abbia la priorità, penso quella dell'HTML.
 
ciao
per le virgolette hai ragione (fatto un copia incolla da un css esterno)

per la priorità (non è vero che non va bene)

per primo dentro il tag (come quello sopra)
per secondo lo stile interno (quello tra i tag head)
per terzo il foglio di stile esterno

tale priorità si può usare per piccole modifiche a pagine che utilizzano tutte lo stesso css esterno senza donever fare un'infinità di classi
 

Discussioni simili