2014-10-29 74 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