ispettore elemento web (safari/chrome) dimmer proprietà css

Question

Domanda di ispettore di elemento web (safari/chrome) sciocco, ma non riesco a capire perché alcune proprietà sono oscurate.

Answer 1

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: red sarà 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ù :(

Answer 2

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 :)

Answer 3

Solo una supposizione - ma lo controlla, se non è solo un modo per distinguere facilmente gli stili calcolati?

Answer 4

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.

Answer 5

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.