[Chromium] "transform: rotate()" e sfondo

**Stemby** · 09-07-2016, 08:33

Buongiorno,
qui un piccolo foglio di stile di test:

codice:

html {
    height: 100%;
    background: linear-gradient(#fff8e7, #fad6a5);
}
body {
    color: #1a0d00;  /* Dark brown */
    text-align: center;
    font-family: "Steve";
    font-size: 500%;
    transform: rotate(353deg);
}

E qui il risultato (tralasciando il font che difficilmente sarà presente su macchine diverse dalla mia):

http://librettosposi.it/

L'ho provato solo con Firefox (nessun problema) e Chromium. Con quest'ultimo notavo però che la rotazione provoca la formazione di una striscia bianca in fondo alla pagina, ovvero l'assenza del colore di sfondo, e l'aggiunta dello scrollbar. È lacunoso il mio CSS? È un bug di Chromium? Suggerimenti per risolvere?

Grazie!

**ResianTaxidrive** · 09-07-2016, 10:38

Ti manca il doctype all'inizio

<!DOCTYPE html>

**Stemby** · 09-07-2016, 10:48

Originariamente inviata da ResianTaxidrive

Ti manca il doctype all'inizio

<!DOCTYPE html>

Giusto, grazie mille!

(curioso il comportamento di Chromium, ma bene a sapersi)

**ResianTaxidrive** · 09-07-2016, 11:02

Senza specificare il doctype ogni browser fa a modo suo.

Doctype a parte, hai visto come si vede in Safari?

**Stemby** · 09-07-2016, 11:11

Originariamente inviata da ResianTaxidrive

Doctype a parte, hai visto come si vede in Safari?

No, come?

**ResianTaxidrive** · 09-07-2016, 11:40

Non puoi guardare?

Comunque non si vede nè il gradiente nè la rotazione.

**Stemby** · 09-07-2016, 12:43

Originariamente inviata da ResianTaxidrive

Non puoi guardare?

Eh, no.

Niente Safari, su Debian. Non che la cosa mi faccia sentire in difetto, considerando l'utilizzo pressoché assente.

Comunque non si vede nè il gradiente nè la rotazione.

Tuttora? (ho sistemato il problema, appena me l'avevi segnalato)

Grazie!

**ResianTaxidrive** · 09-07-2016, 13:27

Ma ci sarà ben qualcuno che usa Safari.
Comunque ancora non vedo niente di cambiato.

E nemmeno su Opera pare vedersi...(per voler fare i pignoletti)

**Stemby** · 09-07-2016, 17:05

Originariamente inviata da ResianTaxidrive

Ma ci sarà ben qualcuno che usa Safari.
Comunque ancora non vedo niente di cambiato.

E nemmeno su Opera pare vedersi...(per voler fare i pignoletti)

Tendenzialmente mi verrebbe da dire: pazienza. Chi usa browser inferiori, vedrà i contenuti resi in modo più elementare.

Però ho verificato, e in effetti non c'è ancora una raccomandazione definitiva del W3C per quelle due regole, e quindi ho provveduto io a tamponare (visti anche i tempi notoriamente lunghi). Ora dovrebbe essere tutto a posto, sebbene non abbia modo di verificare.

Grazie mille per il supporto!

**ResianTaxidrive** · 09-07-2016, 19:50

Sì con Safari adesso si vede bene.
Ok, capisco Opera che credo venga utilizzato da relativamente poche persone però dai..Safari non me lo puoi proprio liquidare così...
Poi comunque, senza impazzire, credo che solitamente uno sviluppatore cerchi di far vedere il sito nella maniera ottimale al maggior numero di persone...

Discussione: [Chromium] "transform: rotate()" e sfondo

Strumenti discussione

Ricerca discussione

Visualizza

[Chromium] "transform: rotate()" e sfondo

Tag per questa discussione

Permessi di invio