無法使用內容url（）來設計元素的樣式

我試圖在上面的圖片中設置圓圈元素的樣式。我很想在這裏添加一個jsfiddle，但是因爲我使用了一個名爲caroufredsel的插件，並且由於我對Javascript和jQuery的知識有限，所以我認爲它不可能提供一個。對此很抱歉。但這裏是我的CSS和HTML代碼：

<div class="list_carousel"> 
      <ul id="foo2"> 
       <li>c</li> 
       <li>a</li> 
       <li>r</li> 
       <li>o</li> 
       <li>u</li> 
       <li>F</li> 
       <li>r</li> 
       <li>e</li> 
       <li>d</li> 
       <li>S</li> 
       <li>e</li> 
       <li>l</li> 
       <li> </li> 
      </ul> 
      <div class="clearfix"></div> 
      <a id="prev2" class="prev" href="#"><img src="image/images/carousel_control_03.png"/></a> 
      <a id="next2" class="next" href="#"><img src="image/images/carousel_control_05.png"></a> 
      <div id="pager2" class="pager"></div> 
</div>

這裏是CSS：

.list_carousel { 
      background-color: #ccc; 
      margin: 0 76px 30px 76px; 
      width: 808px; 
     } 
     .list_carousel ul { 
      margin: 0; 
      padding: 0; 
      list-style: none; 
      display: block; 
     } 
     .list_carousel li { 
      font-size: 40px; 
      color: #999; 
      text-align: center; 
      background-color: #eee; 
      border: 5px solid #999; 
      width: 180px; 
      height: 250px; 
      padding: 0; 
      margin: 6px; 
      display: block; 
      float: left; 
     } 
     .list_carousel.responsive { 
      width: auto; 
      margin-left: 0; 
     } 
     .clearfix { 
      float: none; 
      clear: both; 
     } 
     .prev { 


      float: left; 
      margin-left: -30px; 
      margin-top: -140px; 
     } 
     .next { 
      float: right; 
      margin-right: -30px; 
      margin-top: -140px; 
     } 
     .pager { 
      float: left; 
      width: 300px; 
      text-align: center; 
     } 
     .pager a { 
      margin: 0 5px; 
      text-indent: -999px; 
      overflow: hidden; 
      background: transparent url(image/images/carousel_control_10.png); 
     } 
     .pager a.selected { 
      text-decoration: underline; 
     } 
     .timer { 
      background-color: #999; 
      height: 6px; 
      width: 0px; 
     }

我試圖既background: url()和content： url()添加到.pager a但沒有發生;我也嘗試使用text-indent:-999px推送文本，以便背景顯示，但沒有任何事情發生。另外，這裏是插件附帶的Javascript;我不知道這是否會幫助任何，但我會在這裏包括還有：

$('#foo2').carouFredSel({ 
auto: false, 
prev: '#prev2', 
next: '#next2', 
pagination: "#pager2", 
mousewheel: true, 
swipe: { 
    onMouse: true, 
    onTouch: true 
} 
});

來源

2013-08-21 inkplay_

我覺得很愚蠢的，但我必須在這裏輸入了回答我的問題。我一直使用錯誤的圖片網址，因此無法使用。內容URL（）工作正常，我不斷（/image/carousel_control_10.png）而不是（../image/carousel_control_10.png）。哈哈男孩，我感覺很笨...

來源

2013-08-21 15:53:29

無法使用內容url（）來設計元素的樣式

回答

相關問題