Как сделать чтобы при вызове модального окна фон размывался и затемнялся?

[allow-download]
<script type="text/javascript">
   function showDownLoad(id) {
   
   $(function(){
       $('#DownLoadWindow-'+id).dialog({
           autoOpen: true,
           show: 'fade',
           hide: 'fade',
           width: 520,
           
           buttons: {
               "Закрыть окно" : function() {
                   $(this).dialog("close");
               },
           }
   
       });
   });
   }
</script>
<div id="DownLoadWindow-{id}" title="Скачивание {name}" style="display:none;" >
   <b>После скачивания файла просим оставить свой комментарий и выставить рейтинг.</b><br /><br />
   Название: <b>{name}. </b><br /><br />
   Размер: <b>[{size}].</b> <br /><br />
   Скачиваний: <b>{count} раз.</b> <br /><br />
   <a href="{link}"><button class="bbcodes">Скачать файл</button></a> 
</div>
<span class="attachment">
		<img style="margin-right: 10px; vertical-align: middle;" src="/uploads/download.png" alt="{title}" /> Скачать файл: <a href="{link}" onclick="showDownLoad('{id}'); return false;">{name}</a> [count] [{size}] (cкачиваний: {count})[/count]
		[allow-online]<br />Посмотреть онлайн файл: <a href="{online-view-link}" target="_blank">{name}</a>[/allow-online]
	</span>
[/allow-download]
[not-allow-download]<span class="attachment">У вас нет доступа к скачиванию файлов с нашего сервера</span>[/not-allow-download]