图像名称为@ x2的CSS问题

Question

我发现由于某种原因CSS不会读取包含'@ 2x'的图像名称（表示图像是用于视网膜），所以例如，这将起作用：

#play { background: url(../images/layout/play_2.png) no-repeat; }

这不起作用：

#play { background: url(../images/layout/play@2x.png) no-repeat; }

我所有的浏览器和设备（iPhone，iPod，iPad）都是一样的。有什么想法吗？

Answer 1

百分比编码%40或转义\@ @字符，它应该有效。

你的“某种原因”是@是一个特殊的角色。有关网址

的更多信息，请参阅http://www.ietf.org/rfc/rfc3986