CSS 背景 : url, 当 url 有括号时不起作用

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)

问题是 url 中的括号。

我尝试对括号进行 scape，但不起作用。

有什么想法吗？

我使用 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