2014-10-29 76 views
-2

我剛剛開始使用HTML和CSS,並使用HTML 5購買的模板將我的網站放在一起。有一個帶有向後和向前箭頭的引號的滑塊(單擊或滾動到「關於」部分),箭頭不顯示。我確信這是我做過的傻事,但我無法弄清楚。這裏是正在進行的網站:http://radability.co/index.html沒有出現的箭頭圖像

任何幫助真的很感謝!

謝謝,希拉里

+1

你的箭頭是白色的,因此你不能在白色背景上看到它們。但在此之前,你應該擺脫那個刪除你的背景圖像並將背景設置爲白色的CSS。首先應該學習的是如何使用大多數瀏覽器附帶的開發工具。 – lexith 2014-10-29 21:58:27

+1

快速查看您的HTML表明大部分內容被註釋掉了,有些內容不正確,這意味着瀏覽器不會一致地響應您正在做的事情。修復損壞的HTML並重試。 – 2014-10-29 21:59:12

+0

Mike,我的開發人員朋友同意 - 我錯誤地評論了損壞了幾件事情的部分。謝謝! – 2014-11-04 21:16:19

回答

0

如果你檢查你的元素,你會在你最喜歡的開發工具,相關元素的風格看起來像看到:

#quotes_slider_container > .flex-direction-nav .flex-next:before { 
    content: ""; 
} 

注不支持的字符。

通過固定/改變這種規則與此字符:←→這就是結果:

+0

謝謝你的幫助Roko,會給它一個鏡頭:) – 2014-10-30 16:34:53

0

嘗試使用的開發工具,你會發現這個代碼

#quotes_slider_container > .flex-direction-nav .flex-prev, #quotes_slider_container > .flex-direction-nav .flex-next{ 
background: none #fff; 
} 

覆蓋背景圖片

.flex-direction-nav .flex-prev{ 
background: url(../images/bg-prev.png) center no-repeat; 
. 
. 
} 

解決了這個問題,它會再次看到箭頭。

+0

謝謝你的幫助,我會試一試! – 2014-10-30 16:34:23

+0

@HillaryRadbill你可能想選擇它作爲「正確答案」,如果它解決了你的問題。 – dotfreelancer 2014-11-01 20:51:23