내분으로 인해 약해진 예루살렘왕국은 1187년 7월 4일 하틴 전투(Battle of Hattin)에서 치명적인 패배를 당했다. 국왕 뤼지냥의 기(Guy of Lusignan)를 포함한 대부분의 귀족은 포로로 잡혔고, 여름 동안 살라딘은 신속하게 예루살렘 왕국의 대부분을 공략하였다. 9월 중순에 살라딘은 아크레(Acre), 나블레스(Nablus), 자파(Jaffa), 토론(Toron), 시돈(Sidon), 베이루트(Beirut), 그리고 아스칼론(Ascalon)을 점령하였다. 전투에 살아남은 자들과 다른 예루살렘 왕국의 잔당들은 천만다행으로 몬페라토의 코라도(Conrad of Montferrat)가 도착함으로써 유일하게 살라딘에게 저항이 가능했던 티레(Tyre)로 도망치게 되었다.