Nano Hash - криптовалюты, майнинг, программирование

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

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

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

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

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

Но если вы не можете, пожалуйста, помогите мне придумать любое другое решение. Я не очень хорошо разбираюсь в CSS или HTML, поэтому я учусь прямо сейчас. Вероятно, это какая-то глупая ошибка, которую я сделал, но я все равно хотел бы знать, как ее исправить!

Заранее благодарю всех, кто откликнется!!

14.05.2011

Ответы:


1

Я протестировал его с firebug прямо на Вашей странице. Попробуй это:

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

Важен этот !important ;) Это делает этот display: block более важным, чем display: inline, который добавляет Ваш плагин слайдера.

15.05.2011
  • Это сделало это! Огромное спасибо! :D 15.05.2011

  • 2

    Не совсем уверен, что происходит, но если вы перейдете на https://sites.google.com/site/shawnhasinger/files/easySlider1.7.js, откуда вы связали его, вы получаете страницу входа, что означает, что это не работает! Это не проблема, с которой вы столкнулись, возможно, потому, что вы вошли в систему...

    14.05.2011
  • Ага, понятно. Так слайдер у вас вообще работает? РЕДАКТИРОВАТЬ: Хорошо, я только что протестировал его в Firefox без входа в систему, и похоже, что ползунок не работает. Видеть? Глупая ошибка! Я исправлю это сейчас. 14.05.2011
  • Хорошо, я исправил это. Я забыл сделать файлы общедоступными :P Итак, теперь вы видите решение? 14.05.2011
  • Новые материалы

    Кластеризация: более глубокий взгляд
    Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..

    Как написать эффективное резюме
    Предложения по дизайну и макету, чтобы представить себя профессионально Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..

    Частный метод Python: улучшение инкапсуляции и безопасности
    Введение Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..

    Как я автоматизирую тестирование с помощью Jest
    Шутка для победы, когда дело касается автоматизации тестирования Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..

    Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
    Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv) Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..

    Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
    В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..

    Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
    В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..