Jerusalemin kuningaskunta oli heikentynyt sen sisäisistä erimielisyyksistä ja uudeksi kuninkaaksi kruunattu Guy de Lusignan komensi joukkonsa Hattinin taisteluun 4. heinäkuuta 1187. Taistelu koitui Guyn armeijan suureksi tappioksi ja suurin osa kuningaskunnan aatelistosta otettiin vangeiksi, mukaan lukien kuningas Guy. Kesän aikana Saladin jatkoi valloituksiaan ja syyskuun puoliväliin mennessä hän oli saanut haltuunsa Akkon, Nablusin, Jaffan, Toronin, Sidonin, Beirutin ja Askalonin. Taistelusta selvinneet pakenivat muiden pakolaisten kanssa Tyrokseen, ainoaan Saladinilta selvinneeseen kaupunkiin.