将“CSS 链接”或“隐藏在下方”替换为“图像”

Question

问题出在我的网站上：http://windowsphonedaily.blogspot.com/

我一直在绞尽脑汁，试图弄清楚如何解决这个问题。基本上，我想使用 EasySlider 1.7 创建一个"精选帖子"滑块。滑块是您在网站上看到的第一件事。

在安装过程中，一切似乎都很顺利，但是一旦我完成，我意识到下一个文本和prevText显示在我的背景图像顶部。这似乎是一个无法使用 css 或 html 修改的属性，因为我认为它嵌入在提供的 javascript 中。

我尝试了这个问题中的最佳答案（"CSS 文本替换为图像，需要超链接"），它适用于下一个 Btn，但是当我尝试用于 prevBtn 时，下一个Btn 消失了，被默认设置取代。如果有人可以向我解释如何正确使用两个按钮的方法，那么该解决方案就可以了。

但是，如果您不能，请帮助我想出任何其他解决方案。我不太精通CSS或HTML，所以我现在正在学习。这可能是我犯的一些愚蠢的错误，但我仍然想知道如何解决它！

提前感谢任何回复的人！！

Answer 1

我直接在您的页面上用Firebug对其进行了测试。试试这个：

#nextBtn a, #prevBtn a {
    display: block !important;
    text-indent: -9999px;
}

重要的是这个!important ;)这使得这个display: block比添加滑块插件的display: inline更重要。

Answer 2

不太确定发生了什么，但是如果您转到链接它 https://sites.google.com/site/shawnhasinger/files/easySlider1.7.js，您将获得一个登录页面，这意味着它不起作用！这不是您面临的问题，可能是因为您已登录...