css - CSS 内容 URL 图像损坏

Question

我正在尝试使用 css 在表格单元格中显示图像。这就是我所拥有的：

HTML：

<td class="activity-status status_not_started">Not Started</td>

CSS：

td.activity-status {
font: 0/0 a !important;
color: transparent !important;
width: 80px !important;
padding: 0 !important;
}

td.status_major_issues:after {
content: url(/sites/ih/Style%20Library/org-ih/img/status_major_issues.png) !important;
}

在浏览器中，当我访问

http://myspsite/sites/ih/Style%20Library/org-ih/img/status_major_issues.png

图像按预期显示。

但是，在应用 css 后的网页中，图像出现损坏。

页面的路径是：

http://myspsite/sites/ih/46/Pages/status.aspx

css文件的路径是：

http://myspsite/sites/ih/Style%20Library/ih-status/css/style.css

有人知道会发生什么吗？

谢谢！埃里克

Answer 1

您的 css 可能在一个单独的目录中，因此内容的路径应该是

content: url('../sites...')

您必须向上移动一个目录，因为路径是从 css 文件所在的位置获取的，而不是从页面脚本所在的位置获取的。