Ajax.ActionLink загружает позиционирование изображения с непрозрачностью фона

Когда я нажимаю на ссылку ajax.action, я хочу отобразить загрузка изображения посередине страницы с непрозрачностью фона

<img id="image_loading" alt="" src="../../images/site/loading.gif" style="position: fixed;     
     display: none;" />

Вот мой код

<nav class="ust_menu">
    <ul>
         <li>@Ajax.ActionLink("Home", "Index", "Home", new AjaxOptions { UpdateTargetId = "article_site", LoadingElementId = "image_loading" })</li>
         <li>@Ajax.ActionLink("Contact Us", "Contact", "Home", new AjaxOptions { UpdateTargetId = "article_site", LoadingElementId = "image_loading" })</li>
         <li>@Ajax.ActionLink("About", "About", "Home", new AjaxOptions { UpdateTargetId = "article_site", LoadingElementId = "image_loading" })</li>    
    </ul>
</nav>

Я могу показать изображение без прозрачности фона и не в той позиции, которую хочу. Как я могу показать загрузку изображения в середине страницы с непрозрачностью фона.

Спасибо.