CSS内容URL图像已损坏

时间:2013-10-02 12:21:20

标签: css

我正在尝试使用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

有人知道会发生什么事吗?

谢谢! 埃里克

1 个答案:

答案 0 :(得分:2)

你的css可能在一个单独的目录中,因此内容的路径应该像

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

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