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文件所在的位置，而不是页面脚本的位置。

CSS内容URL图像已损坏

1 个答案: