CSS内容URL图像被破坏

我试图用css在表格单元格中显示图像。这是我有：CSS内容URL图像被破坏

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

任何人的想法可能是什么回事？

谢谢！埃里克

来源

2013-10-02 Eric

链接到您的CSS plz – Anon

向我们展示您的html和css的路径... – DontVoteMeDown

我已经添加了页面和css文件的链接。 – Eric

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

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

你必须移动一个目录，因为路径是从在CSS文件拍摄，而不是页面脚本的位置。

来源

2013-10-02 12:29:07

Andrius，我使用的是绝对URL，因此双点会不正确。 – Eric

你认为你正在使用和绝对的网址。但你不是。右键点击图片并检查它的网址。更何况，这从你'http：// myspsite/sites/ih/Style％20Library/ih-status/css/style.css'证明了我的观点。 –

我明白了。所以在CSS中，如果它不包含协议和域，它将被视为相对URL。 – Eric

CSS内容URL图像被破坏

回答

相关问题