無法使用內容url（）設置元素樣式

Question

我正在嘗試對上圖中的圓圈元素進行樣式設置。 我很想在這里添加一個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
}
});

Answer 1

我覺得很傻，但是我必須在這里輸入問題的答案。 我一直使用錯誤的圖片網址，因此無法正常工作。 內容url（）工作正常，我一直在綁定（/image/carousel_control_10.png）而不是（../image/carousel_control_10.png）。 哈哈男孩，我覺得很蠢嗎？