Javascript 无法使用content url()设置元素的样式
我正在尝试为上图中的圆圈元素设计样式。我很想在这里添加一个JSFIDLE,但因为我使用的是一个名为caroufredsel的插件,而且由于我对Javascript和jQuery的知识有限,我认为我不可能提供一个。非常抱歉。但以下是我的CSS和HTML代码:Javascript 无法使用content url()设置元素的样式,javascript,jquery,html,css,caroufredsel,Javascript,Jquery,Html,Css,Caroufredsel,我正在尝试为上图中的圆圈元素设计样式。我很想在这里添加一个JSFIDLE,但因为我使用的是一个名为caroufredsel的插件,而且由于我对Javascript和jQuery的知识有限,我认为我不可能提供一个。非常抱歉。但以下是我的CSS和HTML代码: <div class="list_carousel"> <ul id="foo2"> <li>c</li>
<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>
我试图将background:url()
和content:url()
添加到;我还尝试使用文本缩进:-999px
将文本推开,这样背景就会显示出来,但也没有发生任何事情。另外,这里是插件附带的Javascript;我不知道这是否有帮助,但我也会在这里包括:
$('#foo2').carouFredSel({
auto: false,
prev: '#prev2',
next: '#next2',
pagination: "#pager2",
mousewheel: true,
swipe: {
onMouse: true,
onTouch: true
}
});
我觉得自己很笨,但我必须在这里把问题的答案打印出来。我一直在使用错误的图像url,所以它不起作用。Content url()工作正常,我一直在使用(/image/carousel_control_10.png)而不是(../image/carousel_control_10.png)。哈哈,男孩,我觉得自己很笨
$('#foo2').carouFredSel({
auto: false,
prev: '#prev2',
next: '#next2',
pagination: "#pager2",
mousewheel: true,
swipe: {
onMouse: true,
onTouch: true
}
});