CSS背景：url，当url有括号时不起作用答案

【问题标题】：CSS background: url, no work when the url have bracketsCSS背景：url，当url有括号时不起作用
【发布时间】：2014-01-17 14:25:25
【问题描述】：

我有一张图片的下一个网址

网址：http://www.andrearosseti.cl/image/cache/data/New%20Coleccion/Planas/SWEET-5-TAUPE-(1)-340x340.jpg

现在，我不会在我的 CSS 中制作

background: url(http://www.andrearosseti.cl/image/cache/data/New%20Coleccion/Planas/SWEET-5-TAUPE-(1)-340x340.jpg)

问题是网址中的括号。

我尝试使用 scape 括号，但不起作用。

有什么想法吗？

我使用 Rails 和 SCSS

谢谢

【问题讨论】：

把文件名中的括号去掉...排序。
我无法修改该网址。客户发给我那个网址
当我将浏览器指向给定的 URL 时，我什至没有得到图像。
是的 - 您发布的 URL 转到 404 未找到页面！
andrearosseti.cl/image/cache/data/New%20Coleccion/Planas/… - 行得通，是new 和Coleccion 之间的位被破坏了。

标签： css ruby-on-rails sass

【解决方案1】：

给你：把\放在括号前面。

HTML：

<div></div>

CSS：

div {
    background: url(http://www.andrearosseti.cl/image/cache/data/New%20Coleccion/Planas/SWEET-5-TAUPE-\(1\)-340x340.jpg);
    width: 400px;
    height: 400px;
}

DEMO HERE

【讨论】：

@rudighert 您说您已经在问题中尝试过，这不是大括号转义吗？那么你是如何试图摆脱大括号的呢？

【解决方案2】：

用编码的大括号字符替换大括号：

div {
    background: url(http://www.andrearosseti.cl/image/cache/data/New%20Coleccion/Planas/SWEET-5-TAUPE-%281%29-340x340.jpg);
    width: 400px;
    height: 400px;
}

【讨论】：

【解决方案3】：

用引号括住网址：

background: url('http://www.andrearosseti.cl/image/cache/data/New%20Coleccion/Planas/SWEET-5-TAUPE-(1)-600x600.jpg')

【讨论】：

@rudighert url 是用%25 编码的吗？在这种情况下，添加引号并将%25 更改为%。
单引号或双引号 URL。当前 URL 也转到 404 页面，New%252520Coleccion 应该是 New%20Coleccion
对不起，正确的网址是andrearosseti.cl/image/cache/data/New%20Coleccion/Planas/…