Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 无法使用content url()设置元素的样式_Javascript_Jquery_Html_Css_Caroufredsel - Fatal编程技术网

Javascript 无法使用content url()设置元素的样式

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>

我正在尝试为上图中的圆圈元素设计样式。我很想在这里添加一个JSFIDLE,但因为我使用的是一个名为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>
我试图将
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
}
});