背景画像の相対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ファイルは、rootまたは別のフォルダにある場合は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;