无法使用内容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（）来设计元素的样式

回答

相关问题