CSS背景：网址，当网址有括号时无效

Question

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

url：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)

问题是网址中的括号。

我尝试使用括号，但不能正常工作。

有什么想法吗？

我使用Rails和SCSS

感谢

Answer 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

Answer 2

用引号包裹网址：

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

Answer 3

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

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