배경 이미지의 상대 URL

Question

Flexslider 슬라이드 쇼의 탐색 화살표에 대한 상대 URL이 있어야합니다.

다음 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

그것은 CSS 파일은 루트 또는 다른 폴더에있는 경우 style.css 파일이

을의 위치를 ​​기준으로합니다.

이 경우

는 example.com/style.css이 될 것이다 : 그것은 example.com/css/style.css입니다

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

경우는 다음과 같습니다

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