0

我动态地执行以下操作：

'<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>'

现在我用这个替换 image-blockUI：

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

在这种情况下，显示文本并水平居中，但不显示背景图像。我究竟做错了什么？

4

2 回答 2

2

它应该是background-image: url('../../images/Edit.gif');

于 2013-11-07T01:17:01.737 回答
1

如果您在 css 文件中使用相对路径，则该路径与文件 (.css) 的位置有关，因此如果您的 css 文件与原始 html 不在同一文件夹中，则需要更正它

于 2013-11-07T01:23:10.517 回答