背景图像的相对URL

Question

我需要在Flexslider幻灯片放映中为导航箭头设置相对网址。

如何重写以下css，以便我可以在不同的网站上应用它？

.flex-direction-nav a {
    width: 50px; 
    height: 50px; 
    margin: -20px 0 0; 
    display: block; 
    background: url(https://example.com/images/slideshow-buttons.png) no-repeat 0 0; 
    position: absolute; 
    top: 50%;
    cursor: pointer; 
    text-indent: -9999px; 
    opacity: 0; 
    -webkit-transition: all .3s ease; 
    z-index:3;
}

Answer 1

它与style.css文件的位置相关

如果css文件位于根目录或其他文件夹中。

如果是example.com/style.css则为：

background: url (images/slideshow-buttons.png) no-repeat 0 0;

如果是example.com/css/style.css则为：

background: url (../images/slideshow-buttons.png) no-repeat 0 0;