Flexslider箭頭竊聽，如何解決？

我有一些Flexslider的問題，導航箭頭無法正確顯示。我試過編輯「flexslider.css」但沒有成功，解決這個問題的任何線索？（看看圖片，我的瀏覽器[Chrome]顯示的是這種字體而不是圖片，在IE上它只是一個不可見塊的鏈接）。 [PS：我使用的是引導。]Flexslider箭頭竊聽，如何解決？

（Ps²：我試圖把一個圖像中的箭頭點，所以我可以使它看起來像這樣：(http://cleancanvas.herokuapp.com/)

（[編輯]Ps³ ：只要是明確的......我的箭不顯示出來，如何解決呢我試圖把這個代碼圍繞線52以下地方說background: url(http://www.your_domain.com/flex/images/bg_direction_nav.png) no-repeat 0 0;那傢伙張貼在評論的教程，但它不會工作。「fonts」「fl」和「fi」（看圖片）仍然在那個地方:(

HTML

<section class="flexslider"> 
    <ul class="slides"> 
     <li> 
      <img src="http://placehold.it/1600x500"> 
     </li> 
     <li> 
      <img src="http://placehold.it/1600x500"> 
     </li> 
     <li> 
      <img src="http://placehold.it/1600x500"> 
     </li> 
    </ul> 
</section>

CSS

.flexslider { 
    margin-top:90px; 
    max-height:450px; 
    border:0; 
    border-radius:0px; 
    overflow:hidden; 
} 

.flex-control-nav { 
    top:400px; 
    opacity:0.5; 
    filter:alpha(opacity=0.5); 
}

$(window).load(function() { 
    $('.flexslider').flexslider({ 
     animation: "slide", 
     easing: "linear", 
     useCSS: false, 
     pauseOnHover: true, 
     slideshowSpeed: 7500, 
     animationSpeed: 750, 
    }); 
});

圖片：here

來源

2014-02-27 CodeForm

你的jsfiddle例子工作嗎？因爲我沒有看到任何事情發生。我建議你去這裏看看他們的教程是否無法理順你。 [Flexslider如何 - ]（http://www.bluenotesentertainment.com/blog/add-flexslider-jquery-slider-to-your-iweb-site/）否則，你需要提供更多的信息和工作的jsfiddle 。 – CJdriver

這是因爲你」再錯過/fonts/文件夾...在flexslider.css頂部有下面的代碼：

@font-face { 
    font-family: 'flexslider-icon'; 
    src:url('fonts/flexslider-icon.eot'); 
    src:url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), 
     url('fonts/flexslider-icon.woff') format('woff'), 
     url('fonts/flexslider-icon.ttf') format('truetype'), 
     url('fonts/flexslider-icon.svg#flexslider-icon') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
}

基本上你需要確保/字體/文件夾旁邊的flexsider.css文件 - 或者至少編輯上面的CSS指向你的字體路徑。

來源

2014-11-14 10:57:05 Nick

Flexslider箭頭竊聽，如何解決？

回答

相關問題