De Slag om Hattin werd gevochten op 4 juli 1187 tijdens de kruistochten. In 1187, na een reeks geschillen, begonnen de Ayyubidische legers van Saladin zich te bewegen tegen de kruisvaardersstaten, waaronder het Koninkrijk Jeruzalem. Saladin ontmoette het kruisvaardersleger ten westen van Tiberias op 3 juli en voerde een lopende strijd terwijl het zich naar de stad begaf. Omringd tijdens de nacht konden de kruisvaarders, die te weinig water hadden, niet uitbreken. In de resulterende strijd werd het grootste deel van hun leger vernietigd of gevangen genomen. De overwinning van Saladin opende de weg voor de herovering van Jeruzalem later dat jaar.
In de jaren 1170 begon Saladin zijn macht uit Egypte uit te breiden en werkte hij samen om de moslimstaten rond het Heilige Land te verenigen. Dit resulteerde in het koninkrijk van Jeruzalem dat voor het eerst in zijn geschiedenis werd omringd door een verenigde vijand. Saladin viel de Crusader-staat aan in 1177 en werd verloofd door Baldwin IV in de Slag om Montgisard. Het resulterende gevecht zag Baldwin, die aan lepra leed, een aanval leiden die het centrum van Saladin verbrijzelde en de Ayyubids op de vlucht sloeg. In de nasleep van de strijd bestond er een ongemakkelijk bestand tussen de twee partijen.
Na de dood van Baldwin in 1185, nam zijn neef Baldwin V de troon over. Slechts een kind, zijn regering bleek kort toen hij een jaar later stierf. Terwijl de moslimstaten in de regio zich verenigden, was er een toenemende tweedracht in Jeruzalem met de opheffing van Guy van Lusignan op de troon. De troon opeisen door zijn huwelijk met Sibylla, moeder van wijlen kind-koning Baldwin V, werd de hemelvaart van Guy ondersteund door Raynald van Chatillon en de militaire orden zoals de Tempeliers.
Bekend als de "rechtbankfractie", werden ze tegengewerkt door de "nobelfractie". Deze groep werd geleid door Raymond III van Tripoli, die regent van Baldwin V was geweest en die boos was over de verhuizing. De spanningen escaleerden snel tussen de twee partijen en een burgeroorlog doemde op toen Raymond de stad verliet en naar Tiberias reed. Burgeroorlog doemde op toen Guy overwoog om Tiberias te belegeren en werd alleen vermeden door bemiddeling door Balian van Ibelin. Desondanks bleef de situatie van Guy zwak omdat Raynald herhaaldelijk de wapenstilstand met Saladin schond door islamitische handelskaravanen in Oultrejordain aan te vallen en te dreigen naar Mekka te marcheren.
Dit kwam tot een hoogtepunt toen zijn mannen een grote caravan aanvielen die vanuit Caïro naar het noorden reed. Tijdens de gevechten hebben zijn troepen veel van de bewakers gedood, de kooplieden gevangen genomen en de goederen gestolen. Saladin opereerde binnen de voorwaarden van de wapenstilstand en stuurde gezanten naar Guy op zoek naar schadevergoeding en verhaal. Afhankelijk van Raynald om zijn macht te behouden, werd Guy, die toegaf dat ze gelijk hadden, gedwongen om ze onbevredigd weg te sturen, ondanks dat hij wist dat het oorlog zou betekenen. In het noorden koos Raymond ervoor een afzonderlijke vrede met Saladin te sluiten om zijn landen te beschermen.
Deze deal mislukte toen Saladin toestemming vroeg aan zijn zoon, Al-Afdal, om een strijdmacht door het land van Raymond te leiden. Gedwongen om dit toe te staan, zag Raymond de mannen van Al-Afdal Galilea binnengaan en op 1 mei een Crusader-strijdmacht ontmoeten in Cresson. In de strijd die ervoor zorgde, werd de in aantal overtroffen Kruisvaarders, geleid door Gerard de Ridefort, effectief vernietigd met slechts drie overlevende mannen. In de nasleep van de nederlaag verliet Raymond Tiberias en reed naar Jeruzalem. Hij riep zijn bondgenoten bijeen om zich te verzamelen en hoopte dat hij zou toeslaan voordat Saladin kon binnenvallen.
Afzien van zijn verdrag met Saladin, verzoende Raymond zich volledig met Guy en een kruisvaardersleger van ongeveer 20.000 mannen gevormd in de buurt van Acre. Dit omvatte een mix van ridders en lichte cavalerie evenals ongeveer 10.000 infanterie samen met huurlingen en kruisboogschutters van de Italiaanse koopvaardijvloot. Ze gingen vooruit en namen een sterke positie in bij de bronnen bij Sephoria. De kruisvaarders hadden een kracht van bijna de grootte van Saladin en hadden eerdere invasies verslagen door sterke posities in te nemen met betrouwbare waterbronnen terwijl de hitte de vijand verlamde (kaart).
Zich bewust van eerdere tekortkomingen, probeerde Saladin het leger van Guy weg te lokken van Sephoria zodat het in een open strijd kon worden verslagen. Om dit te bereiken leidde hij persoonlijk een aanval op het fort van Raymond op Tiberias op 2 juli, terwijl zijn hoofdleger op Kafr Sabt bleef. Dit zag zijn mannen snel het fort binnendringen en de vrouw van Raymond, Eschiva, in de citadel opsluiten. Die nacht hielden de kruisvaarders een oorlogsraad om hun koers te bepalen. Terwijl de meerderheid was om door te gaan naar Tiberias, pleitte Raymond voor het blijven in de positie bij Sephoria, zelfs als het betekende dat hij zijn fort verloor.
Hoewel de precieze details van deze bijeenkomst niet bekend zijn, wordt aangenomen dat Gerard en Raynald krachtig pleitten voor een voorschot en aangaven dat Raymond's suggestie dat ze hun positie innemen laf was. Guy koos ervoor om 's morgens door te gaan. Op 3 juli marcherend werd de voorhoede geleid door Raymond, het hoofdleger door Guy en de achterhoede door Balian, Raynald en de militaire orden. Langzaam en onder voortdurende intimidatie door de cavalerie van Saladin bereikten ze rond het middaguur de bronnen in Turan (zes mijl afstand). De kruisvaarders concentreerden zich rond de lente en namen gretig water op.
Hoewel Tiberias nog negen mijl afstand was, zonder betrouwbaar water onderweg, stond Guy erop die middag te blijven aandringen. Onder toenemende aanvallen van de mannen van Saladin bereikten de kruisvaarders halverwege de middag een vlakte bij de twee heuvels van de horens van Hattin. Saladin ging verder met zijn hoofdlichaam en begon krachtig aan te vallen en beval de vleugels van zijn leger rond de kruisvaarders te vegen. Aanvallend omsingelden ze Guy's dorstige mannen en sneden ze hun terugtocht af naar de bronnen bij Turan.
Realiserend dat het moeilijk zou zijn om Tiberias te bereiken, verlegden de kruisvaarders hun voorwaartse lijn in een poging om de bronnen bij Hattin te bereiken die ongeveer zes mijl afstand waren. Onder toenemende druk werd de achterwacht van de kruisvaarders gedwongen te stoppen en te vechten nabij het dorp Meskana, waardoor de opmars van het hele leger werd gestopt. Hoewel geadviseerd om door te vechten om water te bereiken, koos Guy ervoor om de opmars voor de nacht te stoppen. Omringd door de vijand bezat het kruisvaarderskamp een bron, maar het was droog.
Gedurende de nacht beschimden de mannen van Saladin de kruisvaarders en staken het droge gras op de vlakte in brand. De volgende ochtend werd het leger van Guy wakker met verblindende rook. Dit kwam van branden die door de mannen van Saladin waren ingesteld om hun acties te screenen en de ellende van de kruisvaarders te vergroten. Met zijn mannen verzwakt en dorstig, brak Guy het kamp op en beval een opmars naar de bronnen van Hattin. Ondanks het feit dat er voldoende aantallen waren om de moslimlinies te doorbreken, verzwakte vermoeidheid en dorst de samenhang van het kruisvaardersleger. De kruisvaarders werden in de tegenaanval effectief tegengewerkt door Saladin.