0

私はこれに完全に混乱しています。オーバーフローを隠しているように見えるFacebookボタンがありますが、y軸だけですか???

ここでライブを見ることができます: www.new.thebespokeflorist.co.uk/blog下にスクロールして、ブログ投稿の下にある Facebook アイコンにマウスを合わせます。

Facebook ボタンは div に保持されます。

<div class="share-facebook social-noshow" onclick="toggleSocial()">
    <div class="fb-like" data-href="<?php the_permalink() ?>" data-send="false" data-layout="button_count" data-width="450" data-show-faces="false" data-font="lucida grande"></div>
</div>

CSS は次のとおりです。

.social-show { width: 60px; overflow: auto; }
.social-noshow { width: 0px; overflow: hidden; }
.share-facebook { background: url('http://www.new.thebespokeflorist.co.uk/wp-content/themes/V3 TBF/images/blog/fb.png') left bottom no-repeat; height: 20px; float: left; padding: 0 0 0 30px; transition: width 0.25s ease 0s; }
.share-facebook:hover { width: 90px; transition: width 0.25s ease 0s; overflow: visible; }

onclick() Java は次のとおりです。

<script>function toggleSocial() {
    var noShow = document.getElementById("social-noshow");
    noShow.classList.toggle("social-show"); }</script>

私が知る限り、ボタンは Facebook ボタン自体のスパン幅である 71px 内でトリミングされています。スパン幅を大きくすると、コメント ボックスがより多く表示されます。

誰がこれを引き起こしているのか考えていますか?

また、サイトの他の場所で Facebook ボタンの読み込みをテストしましたが、まったく同じ問題が発生しました。

4

1 に答える 1

0

わかりました。CSS のさらに上に、Iframe を 100% スパンにする「修正」を加えました。それを削除すると、問題が解決しました。

于 2013-05-29T10:13:59.850 に答える