css - 图片名称@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

Percentage encode %40 or escape \@ the @ character and it should work.

Your “some reason” is that @ is a special character. See http://www.ietf.org/rfc/rfc3986 for more info on URLs