6
Domanda di ispettore di elemento web (safari/chrome) sciocco, ma non riesco a capire perché alcune proprietà sono oscurate.ispettore elemento web (safari/chrome) dimmer proprietà css
A
risposta
5
Secondo fonte Webkit ispettore applica il 50% di opacità a stili CSS che sono "ereditate" o "implicito", da inspector.css
.styles-section .properties .implicit, .styles-section .properties .inherited {
opacity: 0.5;
}
- implicito sono quello che sono sotto una struttura composita come
border: 1px solid redcolor: redsarà più grigio. - Eredita sono quelli con il valore "ereditato" esplicito.
Ora la versione cromata attuali sembrano colore grigio alcuni altri valori, peccato l'ispettore della finestra di ispezione non funziona più :(
1
Dopo aver guardato sul link che hai fornito, le sbiadite (in grigio) quelle sono le regole di stile che non hanno alcuna operazione del browser ad essi collegati, ad esempio:
Fare clic sul piccola freccia accanto a background: ottieni un elenco di regole che Chrome utilizza per interpretare il tuo CSS.
Su float e height, c'è praticamente un solo modo che può essere interpretato e quindi Chrome non ha bisogno di aggiungere stili specifici del browser per farlo visualizzare come previsto.
Speranza che aiuta a spiegarlo :)
regole Faded sono regole che non hanno bisogno di particolare attenzione da parte del browser :)
+0
Sembra essere qualcos'altro. Sul sito Web di Apple, il float: left; la proprietà è oscurata/sbiadita.Quando vai su http://webkit.org/ e ispezioni il pulsante 'download nightly build' la proprietà float right non è offuscata/sbiadita. – Lezz
+0
Beh, questo è interessante .. Potrebbe essere corretto tag? Ma ne dubito. – Kyle
+0
Non ho idea, ho scavato più che posso su internet nell'ultima ora e non riesco a inventarmi nulla. Mi piacerebbe conoscere le ragioni dietro queste regole CSS sbiadite !! – Kyle
0
Solo una supposizione - ma lo controlla, se non è solo un modo per distinguere facilmente gli stili calcolati?
1
Per me è stato solo un problema di miscelazione charset.
Il file HTML stesso e uno dei file CSS sono stati codificati come UTF-8 con BOM, mentre altri file CSS sono stati codificati come ANSI. Non riesco ancora a capire come Chrome sia riuscito a mostrare quasi tutto correttamente. UTF-8 senza BOM e il problema è stato risolto. Grazie al validatore W3C che mi ha accennato alla presenza della BOM
Spero che questo aiuti almeno qualcun altro.
1
Stai ottenendo anche "interpretato come immagine ma trasferito con mime type text/css"? Io ero.
Questo risolto: Chrome interprets CSS Stylesheet as image
In sostanza, se il file css ha 'background: url()' o 'background: url ("")' in essa, proprio commento fuori o eliminarli (o sai, metti solo un passaggio) La pagina dovrebbe quindi caricare gli stili css in chrome inspector come attivi.
Avete un legame di vivacità a cui fare riferimento? – Kyle
un esempio: http://www.apple.com/iphone/features/ e ispeziona il pulsante 'sfoglia tutte le funzionalità' – Lezz