Relative URL für Hintergrundbild

Question

Ich brauche eine relative URL für die Navigationspfeile in einer Flexslider Slide Show.

Wie überschreibe ich die folgenden CSS, damit ich es auf verschiedenen Seiten anwenden kann?

.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

Es ist in Bezug auf, wo die style.css Datei befindet

Wenn die CSS-Datei im Root oder einen anderen Ordner befindet.

Wenn es example.com/style.css es wäre:

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

Wenn es example.com/css/style.css ist, es wäre:

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