2011-06-27 14 views
5

Mam bardzo dziwny problem polegający na tym, że żadne style CSS nie są ładowane do IE8 (może IE7, ale nie mogę sprawdzić). Moja strona jest w http://www.leavetrackapp.com/ i mój plik CSS mistrz jest w następujący sposób:Style CSS nie są ładowane w IE8

@import url("reset.css"); 
@import url("screen.css"); 
@import url("site.css"); 
@import url("colorbox.css"); 

Plik master.css i indidivual arkusze stylów są dostępne, jeśli bezpośrednio wpisać adres w przeglądarce np http://www.leavetrackapp.com/stylesheets/master.css zwraca główny plik.

Myślę, że to problem z zasadami importu, ale nie mam pojęcia, co to może być. Safari i Firefox działają bez zarzutu.

Wszelkie porady są mile widziane.

Dzięki

Robin

+0

'reset.css' i' screen.css' są zdecydowanie ładowane. Czy na pewno jest to przypadek, w którym arkusze stylów nie są ładowane, w przeciwieństwie do niezgodności IE w składni? –

+0

+1, narzędzie programistyczne IE czyta ze wszystkich plików css – shanethehat

+0

Narzędzia programistyczne mówią mi, że nie są ładowane żadne style. Walidator CSS rzuca dużo błędów, ale wszystkie związane z właściwościami CSS3 (przechodzi, jeśli sprawdzam na CSS3). Zastanawiam się, czy IE8 dusi się na niektórych właściwościach CSS3 ... –

Odpowiedz

9

@Guffa postawiła mnie na właściwej ścieżce: problem polega na tym, że elementy HTML5 nie działają w Internet Explorerze 8 i niżej.

modernizr byłoby rozwiązać ten problem, ale: http://www.modernizr.com/docs/#installing

upuść tagi skryptu w <head> z HTML. Aby uzyskać najlepszą wydajność, należy je wykonać zgodnie ze swoimi odniesieniami do arkusza stylów . Powodem zalecamy umieszczenie modernizr w głowie jest dwojaki: HTML5 Shiv (to umożliwia elementów HTML5 w IE) musi wykonać przed <body>, a jeśli używasz żadnej z klas CSS że Modernizr dodaje, będziesz chciał zapobiec FOUC.

Po prostu musisz przenieść Modernizr z poziomu przed </body> do elementu <head>.

+1

Dzięki - właśnie znalazłem [this_issue_ na Github] (https://github.com/Modernizr/Modernizr/issues/256), które doprowadziło mnie do tego samego wniosku. –

5

Problemem nie jest to, że arkusze stylów nie są importowane, problemem jest to, że są za pomocą znacznika HTML5 section, co IE8 i wcześniej nie rozpoznaje.

Jeśli zmienisz tagi section na tagi div, będzie działać lepiej.

+0

Pomyślałem również, że to było to, ale jest w tym Modernizator, który powinien rozwiązać ten problem: http://www.modernizr.com/docs/#html5inie – thirtydot

+0

Dzięki. Takie było również moje rozumienie Modernizatora. Zamienię tagi 'section' itd. Na elementy inne niż HTML5 i zobaczę, czy to ma znaczenie. Jeśli tak, nie mogę zrozumieć, dlaczego Modernizr nie wykonuje swojej pracy. –

Powiązane problemy