2010-09-23 13 views
6

Aptal web öğesi müfettiş (safari/krom) soru soluk, ama bazı özellikler soluklaştırılır neden anlamaya gibi olamaz.web öğesi denetçisi (safari/krom) CSS özellikleri

element inspector

+0

Size atıfta bulunacak bir bağlantı var mı? – Kyle

+0

bir örnek: http://www.apple.com/iphone/features/ ve 'tüm özelliklere gözat' düğmesini incelemek – Lezz

cevap

5

kaynak Webkit'teki denetçisi göre örtük inspector.css

.styles-section .properties .implicit, .styles-section .properties .inherited { 
    opacity: 0.5; 
} 
  • itibaren "örtülü" "kalıtsal" CSS tarzlarına% 50 opaklık uygulamak veya vardır border: 1px solid redcolor: red gibi kompozit özelliği altında olan bir grileşir.
  • Inherit, "inherit" değeri açık olanlardır. Şimdi

güncel Chrome sürümü Benim için

1

Verdiğiniz linke bakarak sonra, soluk (soluk) olanlar, örneğin onlarla bağlantılı herhangi bir tarayıcı işlemlerini yok tarzı kurallar şunlardır:

tıklayın background:'un yanındaki küçük ok, Chrome'un CSS'nizi yorumlamak için kullandığı kuralların bir listesini alırsınız.

float ve height günü

, hemen hemen yorumlanabilir ve bu nedenle Chrome amaçlandığı gibi o görüntülemek için herhangi browser özgü stilleri eklemek gerekmez tek bir yolu vardır. yardımcı olur

Umut

Soluk kurallar tarayıcısı :)

+0

Başka bir şey gibi görünüyor. Elma web sitesinde yüzer: sol; özellik soluk/soluk.Http://webkit.org/ adresine gittiğinizde ve 'gece indirme' düğmesine bastığınızda, şamandıra sağ özelliği soluk değil. – Lezz

+0

Peki bu ilginç bir şey .. Bu muhtemelen düzeltilmiş etiketler olabilir? Ama bundan şüphe ediyorum. – Kyle

+0

Hiç bir fikrim yok, geçen saat için internette olabildiğince fazla kazıyorum ve hiçbir şey ile gelemiyorum. Bu soluk css kurallarının arkasındaki nedenleri bilmek isterim! – Kyle

0

herhangi özel ilgi gerekmez kuralları vardır :) Sadece bir tahmin anlatmaya - ama değil olmadığını kontrol etmedi hesaplanan stilleri kolayca ayırt etmenin bir yolu mu?

1

:(artık çalışmıyor, sadece bir karakter kümesi karıştırma sorun değil çok kötü, müfettiş üzerine müfettiş diğer bazı değerler gri renge görünmektedir.

HTML dosyasının kendisi ve CSS dosyalarından biri BOM ile UTF-8 olarak kodlanırken, diğer CSS dosyası ANSI olarak kodlandı. Chrome'un neredeyse her şeyi doğru şekilde göstermeyi başardığını hala anlayamıyorum. BOM içermeyen UTF-8 ve problem çözüldü BOM'un varlığında beni ima eden W3C onaylayıcısı sayesinde

Bunun en azından bir başkasına yardım edeceğini umarız.

1

ayrıca "görüntü olarak yorumlandı, ancak MIME tipi text/css ile transfer" muyuz? Öyleydim.

Bu Çözmedim: Chrome interprets CSS Stylesheet as image

Esas olarak, css dosyası 'arka plan: url()' varsa veya 'arka plan: url ("")' İçinde, sadece (bunları açıklama veya silebilir ya da Biliyorsunuz, orada bir yol açın. Sayfa, daha sonra krom denetçisindeki css stilleri ile aktif olarak geri yüklenmelidir.