2012-03-06 4 views
0

Какое свойство CSS следует изменить на странице this, чтобы отключить прозрачность share iframe, которая появляется при нажатии кнопки Like?Изменение прозрачности Facebook share box

Когда вы наводите курсор на это окно Facebook после нажатия кнопки Like, он становится частично прозрачным, и если вы отводите курсор от него, он станет сплошным белым. Я хочу, чтобы он был полностью непрозрачным все время.

ответ

1

Ну, я не вижу прозрачности на этом поле, только для эффекта постепенного всплытия, но когда он полностью открыт, он не прозрачен.

Чтобы ответить на ваш вопрос, вы можете сами убедиться, используя firebug (firefox) или инструменты разработки (хром/сафари), которые применяются кодами CSS. Из того, что я видел сейчас, вы можете использовать следующие: fb_edge_comment_widget fb_iframe_widget, которые являются классами span, содержащим iframe, или вы можете использовать сам iframe.

Дело в том, что вы не должны его взломать. Зачем? С тех пор вам придется всегда проверять обновления, которые делает facebook, изменения, которые они не обновляют (об изменениях API, которые они обновляют в блоге), если вы не знаете об этих изменениях, он может «сломать» ваш код/стиль.

+0

Спасибо за ваш ответ, но есть проблема, о которой я упоминал. Вы говорите, что нет прозрачности, но у меня все еще есть. Попробуйте щелкнуть, подождите, пока поле загрузится и переместит курсор из окна, затем снова переместите курсор над полем, и вы увидите, что он становится полупрозрачным. И это случается с несколькими людьми, которые посетили мой сайт и про себя. – rlesko

1

У меня также была такая же проблема.

Я использую набор виджетов AddThis, и я не знаю, было ли это для вас или нет (похоже, вы выбрали другое решение, так как я не вижу кнопку Like на вашем сайте).

Я закончил с использованием

.addthis_button_facebook_like { 
    opacity:1 !important; 
    } 

но вы бы использовать любое селектор, который обернутый ваш, как кнопки. при использовании стандартного встраивании от Facebook, вероятно, было бы

.fb-like { 
    opacity:1 !important; 
    } 

Кто-то еще был having a similar problem с кнопкой отправки, который получил меня на правильном пути.

Посмотрите, как это работает here. Я уверен, что это связано с каким-то конфликтом с другими стилями или, возможно, с AddThis, но теперь он работает!

+0

Я еще не исправился. Я попробую ваше решение ... Спасибо ... – rlesko

+0

Это сработало для вас? –

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