Относительный URL для фонового изображения

Question

Мне нужно иметь относительный url для стрелок навигации в слайд-шоу 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;