Заменить CSS-ссылку или скрыть под изображением?

Question

Проблема на моем сайте: http://windowsphonedaily.blogspot.com/

Я ломал голову, пытаясь понять, как решить эту проблему.По сути, я хотел создать слайдер «Featured Posts», используя EasySlider 1.7 .Слайдер - это первое, что вы видите на сайте.

Казалось, что все идет хорошо во время установки, но когда я закончил, я понял, что nextText и prevText показывались поверх моих фоновых изображений.Кажется, это свойство не может быть изменено с помощью CSS или HTML, так как я думаю, что оно встроено в предоставленный JavaScript.

Я пытался найти лучший ответ, найденный в этом вопросе ( "CSS-текст заменяется на изображение, нужна гиперссылка" ), и он работал для nextBtn, но когда я попробовал его для prevBtn, nextBtn исчезлои был заменен настройкой по умолчанию.Если кто-нибудь может объяснить мне, как правильно использовать этот метод с обеими кнопками, то это решение будет хорошо.

Но если вы не можете, пожалуйста, помогите мне придумать какое-либо другое решение.Я не очень хорошо разбираюсь в 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, откуда вы связали его, вы получите страницу входа, а это означает, что она не работает!Это не проблема, с которой вы сталкиваетесь, возможно, потому что вы вошли в систему ...