它包含的背景网址 - ?/ _%

时间:2014-10-27 21:25:37

标签: css css3 url background-image

我的css代码如下:

  background: url('resimler/las-vegas-1366x7 %-68-wallpaper-4495.jpg') no-repeat scroll center center / 100% auto transparent;

上面的css代码不起作用。 我的意思是有这张照片,但浏览器和css都没有看到。

我知道这是一个初学者的问题.. 我想搜索,但我不知道该用什么作为关键字..

谢谢。

1 个答案:

答案 0 :(得分:2)

某些字符在网址中具有特殊含义,必须在percent-encoding中表示才能解决此问题。

在您的示例中,%应编码为%25

url('resimler/las-vegas-1366x7 %25-68-wallpaper-4495.jpg')

使用引号,空格不应该导致问题,但也可以编码为%20

url('resimler/las-vegas-1366x7%20%25-68-wallpaper-4495.jpg')

JavaScript的encodeURI()可用于帮助解决此问题。

console.log(encodeURI('resimler/las-vegas-1366x7 %-68-wallpaper-4495.jpg'));
// 'resimler/las-vegas-1366x7%20%25-68-wallpaper-4495.jpg'