Проблема с Twitter-кнопками

У меня такая проблема с кнопкой Twitter на моей веб-странице. В Firefox Developer Edition фон моей веб-страницы заставляет кнопку отображать неправильно.Проблема с Twitter-кнопками

пример:

#container 
{ 
    background-color: #f0f1f4 
}

приводит текст внутри кнопки, чтобы сделать белый.

Вот как это выглядит:

Broken Twitter Button

Что с этим делать?

EDIT Это ошибка в Firefox Developer Edition и не переносится в официальный релиз Firefox. Отчет об ошибке уже отправлен: Firefox Bug #1112240

источник

2014-12-16 Pazuzu156

Есть ли кнопка твиттера пола прозрачного градиента? Вам нужно проверить элемент, чтобы проверить его на css. – lharby

Что произойдет, если вы сделаете черный цвет контейнера, например? – lharby

Я не видел ничего, где он использовал прозрачные пленки. Я возился с его CSS, а радиус границы, по какой-то нечетной причине, вызвал его. Таким образом, отключив радиус границы, он зафиксировал его. Поскольку это часть источника Твиттера, который захватил его iframe, я не могу его отредактировать. – Pazuzu156

Текст на кнопке Twitter берет цвет вашего контейнера, поэтому это # f0f1f4.

Вы должны указать в таблице стилей своего цвета:

a.twitter-share-button { 
    color: #333; 
}

Я надеюсь, что это помогает, пожалуйста, прочитайте больше документации там: https://dev.twitter.com/web/overview/css

источник

2014-12-16 09:55:10 zmateusz

Я использую AddThis для кнопок, поэтому я не могу контролировать его CSS. Это только проблема с Firefox Dev Edition. Все остальные прекрасно работают. Рассматривая другие веб-сайты с помощью кнопок, реализованных в Firefox Dev, все они отображаются неправильно. Не только мой сайт. – Pazuzu156

Если вы используете общий доступ, вы можете добавить пользовательский класс, а затем стилизовать его, как хотите. http://support.sharethis.com/customer/portal/articles/446558-custom-buttons – lharby

Я не знаком с Firefox Dev Edition, и я понятия не имею, в чем причина. – zmateusz

Проблема с Twitter-кнопками

ответ

Смежные вопросы