[Css] Opera background

[Lollys]

Opera non riesce a posizionare il background tramite i pixel ?

Cosi non funziona, non vedo l'immagine di sfondo.
background: url('') 100px bottom;

Cosi invece vedo l'immagine.
background: url('') right bottom;

Da notare che cosi la vedo sia con IE Mozzilla NE ma non Opera
background: url('') 100px bottom;


:master:

[Lollys]

Perchè il background-repeat cosi non mi funziona ?

<div id="Pulsanti" class="Colore">
<a>ciao</a>
<a>addio</a>
</div>

#Pulsanti a {display: block; padding: 10px;}
#Pulsanti.Colore a {background: url('') no-repeat; color: #ffffcc;}

Cosi scritto sopra funziona e non ripete l'immagine di sfondo ma se scrivo cosi:

#Pulsanti a {display: block; padding: 10px; background-repeat: no-repeat;}
#Pulsanti.Colore a {background: url(''); color: #ffffcc;}

il background si ripete ........perchè ? :master:

[Mich_]

Nel secondo caso metti un background a ciascun elemento <a> contenuto dentro un elemento <qualcosa id="Pulsanti" class="Colore">
Ma il comando no-repeat lo applichi agli elementi <a> contenuti nell'elemento <qualcosa id="Pulsanti">
Le due cose potrebbero non coincidere.
Tra l'altro in questi casi non mi meraviglierebbe se browser diversi intrpretassero in modo diverso.

Nel primo caso invece metti il background e anche il comando no-repeat a ciascun elemento <a> contenuto nello stesso elemento.

[Lollys]

Originariamente inviato da Mich_
Ma il comando no-repeat lo applichi agli elementi <a> contenuti nell'elemento <qualcosa id="Pulsanti">

Non ci ho capito molto però scritto cosi:

#Pulsanti a {display: block; padding: 10px; background-repeat: no-repeat;}
#Pulsanti.Colore a {background: url(''); color: #ffffcc;}

dovrebbe non ripetermi il background su tutti i tag a che appartengono all'elemento #Pulsanti .......giusto ?
invece il background si ripete lo stesso :master:

[Mich_]

Ma chi dice al browser che #Pulsanti e #Pulsanti.Colore sono lo stesso oggetto?
Qualche browser potrebbe arrivarci, qualche altro no.

Comunque potresti cambiare classe all'oggetto e allora le due cose sono effettivamente diverse.

Esempio:
document.getElementById('Pulsanti').style.classNam e = "BiancoNero";

[dotty78]

Sposto in CSS e XHTML.