DIV не показано

Question

Динамическое Я делаю следующее:

'<div><img class="image-blockUI" src="../../images/Edit.gif" /><p class="text-blockUI">Being edited.</p></div>' 

CSS:

.image-blockUI 
{ 
    display: block; 
    margin-left: auto; 
    margin-right: auto; 
} 

.text-blockUI 
{ 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    text-align: center; 
} 

Приведенный выше код работает (изображение и текст по центру по горизонтали, изображение над текстом), но в настоящее время вместо того, чтобы использовать изображение (IMG) Я хочу, чтобы заменить его на фоновое изображение для DIV так что я ниже:

'<div"><div class="image-blockUI" /><p class="text-blockUI">Being edited.</p></div>' 

теперь я снова разместить изображение-blockUI с этим:

.image-blockUI 
{ 
    height: 30px; 
    width: 24px; 
    background-image: '../../images/Edit.gif'; 
} 

В этом случае отображается текст и горизонтально по центру, но фоновое изображение не отображается. Что я делаю не так?

Answer 1

должно быть background-image: url('../../images/Edit.gif');

Answer 2

, если вы используете относительный путь в файле CSS, путь связан с местоположением файла (.css), так что если ваш файл CSS не находится в той же папке как ваш оригинальный html вам нужно его исправить