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)

问题是网址中的括号.

我尝试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;
}

在这里演示