我的css代码如下:
background: url('resimler/las-vegas-1366x7 %-68-wallpaper-4495.jpg') no-repeat scroll center center / 100% auto transparent;
上面的css代码不起作用。 我的意思是有这张照片,但浏览器和css都没有看到。
我知道这是一个初学者的问题.. 我想搜索,但我不知道该用什么作为关键字..
谢谢。
答案 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'