CSS background with ) in its name?

Question

Hi StackOverflow!

I want to display a div with a background image called something like this:"image_(1)_125x192.jpg". It doesn't display, presumably due to the ")". Is there a way around this without renaming the image?

#div {
    background-image: url(image_(1)_125x192.jpg);
    height: 192px;
    width: 125px;
}

Thanks!

Answer 1

Use quotes

background-image: url("image_(1)_125x192.jpg");

w3 reference: http://www.w3.org/TR/CSS2/colors.html#propdef-background-image

Answer 2

#div {
    background-image: url('image_(1)_125x192.jpg');
    height: 192px;
    width: 125px;
}

note the quote