Как исправить работу макета IE7 «Кнопка отправки Facebook»? - PullRequest
1 голос
/ 30 января 2012

Мне не удается отобразить всю кнопку «Отправить» на Facebook в IE7. Тем не менее, он отлично работает в Chrome, Mozilla, IE9, IE8.

Макет кнопки «Отправить» становится: - enter image description here

мой HTML-код как: -

<div class="facebook_wrapper">
<script src="http://connect.facebook.net/en_US/all.js#appId=119279021491995&amp;xfbml=1"</script>
<fb:send font=" " href="http://www.google.com.my/"></fb:send>
</div>

Ответы [ 4 ]

1 голос
/ 31 августа 2012

У меня были похожие проблемы с IE 7, усекающим кнопку «Мне нравится». После поиска во встроенном CSS я обнаружил, что виновником является класс, который устанавливает ширину в 1px.

Существует кнопка .pluginButton класса, которую вы хотите искать. Напишите условное переопределение в вашем css для IE 7 и соответственно измените это свойство ширины.

Я проверяю это сейчас и отправлю обратно.

1 голос
/ 30 января 2012

Хорошо, давайте посмотрим, смогу ли я получить это право для вас, поскольку вы не отказываетесь от поддержки IE7.

<div style="overflow:hidden;">
     <div class="facebook_wrapper"></div>
     <script src="http://connect.facebook.net/en_US/all.js#appId=119279021491995&amp;xfbml=1"</script>
     <fb:send font=" " href="http://www.google.com.my/"></fb:send>
</div>

PS У меня нет возможности проверить это, потому что инструменты разработчика на IE9 нене показывать проблему при попытке просмотреть его как IE7.Надеюсь, что это исправит!

РЕДАКТИРОВАТЬ - Если предыдущий не работает, может показаться, что эта проблема может быть из-за других стилей, которые все еще применяются.

0 голосов
/ 30 января 2012

после просмотра http://developers.facebook.com/docs/reference/plugins/send/

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

поместите это где-нибудь в теле (желательно сразу после тега body)

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

и поместите его туда, где вы хотите, чтобы отображалась кнопка отправки: <div class="fb-send" data-href="http://example.com"></div>

или, если вы хотите XFBML, тот же скрипт после тела, но также:

<html xmlns:fb="http://ogp.me/ns/fb#"> <--- ваш <code><html> тег

и <fb:send href="http://example.com"></fb:send>, где вы хотите кнопку.

0 голосов
/ 30 января 2012

Мой совет, откажитесь от поддержки IE 7.Google уже прекратил поддержку, и Microsoft планирует сделать обновление предыдущих версий IE до минимального IE 8.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...