IE、Firefox対応のWebサイトフローティングコードを急募！ (IE9とIE5、6、7、8では解析が異なります)_html/css_WEB-ITnose

私の既存のコードは IE8 以下とのみ互換性があります。IE9 と Firefox には互換性がありません。 ！

<div id="codefans_net" visibility: visible; border:#A3DFF7 1px solid;></div><script language="JavaScript" type="text/javascript">    var x = 50, y = 60    var xin = true, yin = true    var step = 1    var delay = 10    var obj = document.getElementById("codefans_net")    function float() {        var L = T = 0        var R = document.body.clientWidth - obj.offsetWidth        var B = document.body.clientHeight - obj.offsetHeight        obj.style.left = x + document.body.scrollLeft        obj.style.top = y + document.body.scrollTop        x = x + step * (xin ? 1 : -1)        if (x < L) { xin = true; x = L }        if (x > R) { xin = false; x = R }        y = y + step * (yin ? 1 : -1)        if (y < T) { yin = true; y = T }        if (y > B) { yin = false; y = B }    }    var itl = setInterval("float()", delay)    obj.onmouseover = function() { clearInterval(itl) }    obj.onmouseout = function() { itl = setInterval("float()", delay) }    function close_float() { obj.style.visibility = 'hidden'; }</script>

ディスカッション (解決策) に返信

この投稿は実際の例です

この投稿は実際の例です
この例は、IE9 および Firefox と互換性がありません。対応したものが欲しいです

以上、今後は ff を使って csdn に接続することを検討してみます

以上、今後は ff を使って csdn に接続することを検討してみます
本当です！特定の Web サイトのポータルを構築するように依頼された場合、IE9 および Firefox ユーザーではなく、IE8 以下のユーザーのみを考慮しますか? ！

あなたのコードの問題は、xx.style.top(left) が IE6、7、8 では認識されるのですが、FF、Google、IE9 など他のものは認識されないことです~

あなたのコードの問題は xx にあります。 style.top(左) IE6、7、8 は認識されますが、FF、Google、IE9 などは認識されません~

解決策は、互換性を実現するために値の後に +'px' を追加することです~