Uppgifter

Uppgift 7

Z-index, pseudoklasser och synlighet

Skapa ett nytt HTML-dokument, med namnet cssuppgift_3.html.

Skapa en extern stilmall med namnet cssuppgift_3.css och länka till denna från cssuppgift_3.html

Dokumentet ska vara utformat efter följande:

  • Skapa tre delvis överlappande lådor med olika bakgrundsfärg.
  • Låt den låda som ligger i mitten i HTML-koden ligga överst av de tre
  • Låt den låda som ligger först i HTML-koden byta färg och hamna överst när muspekaren befinner sig över den
  • Försök få en av lådorna att försvinna när muspekaren befinner sig över den.
    • Skriv i din HTML, en kommentar där du förklarar din lösning
    • OM din lösning inte fungerar förklarar du i kommentaren varför den inte fungerar

    Ladda upp dokumenten på ditt serverkonto via FTP. Skapa en länk till cssuppgift_3.html från index.html.

    Dokumentet ska vara korrekt. Det ska innehålla korrekt DTD, teckenuppsättning och ha en <title>.

    Du får använda webben som resurs och surfa efter lösningar. Huvuddelen av det du behöver kunna finns dock här på sajten.