WebHU - Programozási kérdések és válaszok

A CSS-szabályokat egyszerűen nem alkalmazzák az Internet Explorerben. Hol keressek további információt?

Nem sok információm van itt. Webhelyem IE8 alatt működött, de most nem alkalmaznak stílusokat. A fejlesztői eszközök az összes CSS-fájl betöltését mutatják, de egyetlen elem sem mutat bizonyítékot arra, hogy ezek a stílusok alkalmazhatók. A Chrome és a Firefox továbbra is minden stílust probléma nélkül alkalmaz.

Tudom, hogy több információ nélkül nem tud segíteni, de esetleg van ötlete, hogy hol kereshetek hibát? Minden javascriptem jól fut. Lehetséges, hogy egy érvénytelen CSS fájl leállítja az összes stílusú alkalmazást, vagy valami hasonló?

Köszönöm az esetleges javaslatokat!

PS: esetleg releváns - az alap css fájlom több mást is importál - összesen kb. 8-at.

css internet-explorer internet-explorer-8
12.11.2010

  • Mi jelenik meg az IE fejlesztői eszközeiben? 12.11.2010
  • Csak megerősítésképpen, ha az oldal forrását IE-ben tekinti meg, kattintson a CSS hivatkozásra, megnyílik a CSS kód? vagy azt írja ki, hogy a fájl nem található? 12.11.2010
  • Próbáld meg törölni az IE gyorsítótárát. Mentse újra a CSS-fájlokat új néven (remélhetőleg ideiglenesen). Érvényesítse újra a stíluslapokat is. 12.11.2010
  • @rahul - egyik elemhez sem kapcsolódnak stílusok. @dpmguise – igen, a CSS-kód megnyílik, ha követem ezeket a lépéseket. @BoltClock - jó ötletek, de nem szerencsés :( 12.11.2010

Válaszok:


1
  1. Csak egy pacsirta esetében próbálja meg eltávolítani az összes importált anyagot, majd egyenként helyezze vissza őket.
  2. Futtassa a CSS-t a W3C CSS Validator segítségével.
  3. Csatoljon egy új CSS-fájlt, tesztelje, hogy működik-e, majd lassan költözzön át az új fájlra, amíg az elromlik. Próbáld kideríteni, hol törik el.
12.11.2010
  • Tehát a Validator futtatása feltárt valami hasznosat? 12.11.2010

    • 2

    Korlátozott számú css fájlok szerepelhetnek az IE oldalain. Ellenőrizze, hogy sok(>31) css-fájlt tartalmaz-e, lásd: http://drupaleasy.com/quicktips/internet-explorer-css-file-limits

    14.12.2010

    3

    Nézze meg az importált fájlokat, mondjuk a body alapján, és nézze meg, hogy levágottnak tűnnek-e. Ez szintaktikai hibát jelez.

    12.11.2010
  • Elnézést, nem értem – hogyan nézhetem meg az importált fájlokat? A fejlesztői eszközök azt mutatják, hogy a body címke nem alkalmaz stílusokat (annak ellenére, hogy az egyik stíluslapom megpróbál ilyet alkalmazni). Semmi sem látszik levágva. 12.11.2010
  • Elnézést, arra céloztam, hogy FireBug-gal (Firefox-szal) nézzem meg őket. Ha talál olyan elemet, amelynél a body címkét a CSS-fájlból örökölték, akkor kattintson a fájl nevére a megnyitásához, és ellenőrizze, hogy csonkoltnak tűnik-e. ha nincs megadva body elem, csak hozzon létre egyet: `body { color:blue; } 12.11.2010
  • Firefoxban minden jól működik. Az IE fejlesztői eszközei megmutatják a stílusok teljes kaszkádját a body elemen... de úgy tűnik, hogy egyikük sem lép érvénybe. 12.11.2010
  • Más számítógépeken is előfordul? Különböző operációs rendszer? Próbáld ki a Shift+Frissítést? 12.11.2010

    • 4

    Még ha az egyik css-fájlban volt is olyan hiba (mondjuk egy záratlan kapcsos kapcsos zárójel), amely az egész fájlt érvénytelenné tette, ez nem érintheti a többi css-fájlt. Feltételezem, hogy nincsenek html-megjegyzések az összes beletartozása körül... Lehetséges, hogy szisztematikusan csinálsz valamit, ami érvényteleníti az összes css-t. Próbálja meg hozzáadni ezt a kódot a dokumentum tetejére (mondjuk bármelyik dokumentumtípus alá, csak azért, mert), és nézze meg, hogy ez befolyásol-e valamit:

    <style type="text/css">
* { background: #f00 !important; }
</style>
    12.11.2010
  • Jó ötlet – tettem hozzá, hogy közvetlenül a stíluslapom alatt szerepel, és minden pirosra vált. Megpróbáltam hozzáadni közvetlenül a stíluslap hivatkozásom fölé, és minden ismét pirosra vált. 12.11.2010
  • Másodszor, megpróbálhatja elhelyezni ezt a szabályt az egyik stíluslap tetején, és meglátja, mi történik. 12.11.2010
  • Lenyűgözően/dühítő módon, ha ezt a szabályt valamelyik stíluslapba beletesszük, az is mindent pirosra vált. Nehéz megmondani, hogy az IE csak valami furcsa félgyorsítótárazást végez, vagy mi. Tehát a stíluslapok betöltődnek... de nem vonatkoznak az elemekre. Valójában bár minden pirosan renderelődik, a piros háttér nem jelenik meg sehol a fejlesztői eszközökben megjelenített DOM-ban. 12.11.2010
  • Hm, egy frissítés: az egyik mellékelt css fájlban a szín sárgára állítása az oldal betöltésekor sárgán villog a háttérben, de utána visszaáll fehérre. Biztosan nem alkalmazta valami... 12.11.2010
  • Tehát, ha ez a szabály az utolsó szabályként van beállítva a fő css fájl által utoljára importált fájlban, akkor rövid villanás után visszaáll. Ha ez a szabály első szabályként van beállítva, MIUTÁN az utolsó fájlt importálta a fő css fájl, akkor az megmarad. Tehát úgy tűnik, hogy az IE minden egyes importált CSS-fájlba betölti az összes szabályt, majd a fájl beolvasása után kiüríti azokat. 12.11.2010
  • Nagyon frusztrálóan sokszor indítottam újra az IE-t. 12.11.2010
  • hallom a fájdalmadat. Furcsa a felülírás! Valahogy fel tudod tölteni valahova a HTML/css forrást? 12.11.2010
  • Köszönjük segítségét – azon fogok dolgozni, hogy a kód egy kisebb részhalmazát készen álljak nyilvános felülvizsgálatra. Valószínűleg holnap – késő van, és nem akarom eltörni a billentyűzetem. Már túl késő az egérnek – és az ablaknak, amin bedobtam. 12.11.2010
  • Jól hangzik. Talán ha csökkented, az segít elkülöníteni a problémádat is :) 12.11.2010

    • 5

    ellenőrizze, hogy megemlítette-e a DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd fájlt a fájljában. Egyszer szembesültem hasonló problémával.

    Nem biztos, hogy működne, de próbáld ki.

    12.11.2010
    Új anyagok
    A rádiógomb ellenőrzött eseményének használata a jQueryben
    Ebben a cikkben látni fogjuk, hogyan kell dolgozni a jquery választógombbal ellenőrzött eseményeivel. A választógombok HTML gombok, amelyek segítenek kiválasztani egyetlen értéket egy csoportból...
    Körkörös függőségek megoldása terraformban adatforrásokkal – lépésről lépésre
    Mi az a körkörös függőségek Dolgozzunk egy egyszerű eseten, amikor az SQS-sor és az S3-vödör közötti körkörös függőség problémája van egy egymástól függő címkeérték miatt. provider..
    Miért érdemes elkezdeni a kódolást 2023-ban?
    01100011 01101111 01100100 01100101 — beep boop beep boop Világunk folyamatosan fejlődik a technológia körül, és naponta fejlesztenek új technológiákat a valós problémák megoldására. Amint..
    🎙 Random Noise #2  – Örökbefogadás és hit
    az analitika íratlan világának gondozása Szeretné, hogy ezek a frissítések a postaládájába kerüljenek? Iratkozzon fel itt . "Ha önvezető autókat gyártanak, akkor mi miért ne..
    A legrosszabb politika és prediktív modellek májátültetésre jelöltek számára az Egyesült Államokban
    A máj (vagy óangolul lifer) az emberi test legnehezebb belső szervére utal, amely csendesen működik a nap 24 órájában. Mit csinál a máj? 500 feladatot hajt végre a szervezet egészségének..
    5 webhely, amely 2022-ben fejleszti front-end fejlesztői készségeit
    Frontendmentor.io A tényleges projektek létrehozásával a Frontendmentor.io segítséget nyújt a front-end kódolási képességeinek fejlesztésében. A kódolást azután kezdheti meg, hogy..
    Mikor kell használni a Type-t az interfészhez képest a TypeScriptben?
    A TypeScript a JavaScript gépelt szuperkészlete, amely statikus gépelést ad a nyelvhez. Ez megkönnyíti a robusztus és karbantartható kód írását azáltal, hogy a hibákat a fordítási időben..