div background-image: нужна помощь с кодом

Question

Если вы Firebug эту страницу: http://www.radiumhosting.com/web-hosting/vps-cloud-hosting посмотрите на слайдер облака VPS.Фоновое изображение не полностью за границей справа от вкладки «Хранилище».

Я добавил это в конец кода, чтобы поместить изображение на фон:

<div style="margin: -229pt 0pt 0pt -20pt;">
<div style="background-image: url(/images/stories/cloud-background2.png); height: 315px; width:   710px;"></div> 
</div>

Представление совместимости в IE9 позволяет отображать изображение поверх большинства элементов.Что я должен изменить?

Спасибо, Марк

Answer 1

Вам не нужно использовать новые div для фона.Просто добавьте класс .cloudbackground к <div class="rt-block">.Затем используйте приведенный ниже код HTML и CSS:

HTML:

<div class="rt-block cloudbackground">

CSS:

.cloudbackground {
    background: url("/images/stories/cloud-background2.png") no-repeat;
}

Это исправит все ваши проблемы, в том числе заставит его работать в режиме совместимости.

Answer 2

Возможно, вы захотите заглянуть в свойство CSS z-index с отрицательным значением.