div ブロックの表示が iframe_html/css_WEB-ITnose と競合する-htmlチュートリアル-php.cn

div ブロックの表示が iframe_html/css_WEB-ITnose と競合する

WBOY

リリース： 2016-06-24 12:17:59

オリジナル

1599 人が閲覧しました

私が iframe から存在する領域が div の境界に移動したとき、div 块は表示されず、大側解を要求し、大局が可能であれば、也顺便可下我下拉右側滚動条をどのように設定するか，同時不闪烁

回复讨论(解决方案)

没办法，故にiframe中移動時間根本就没触出版document.body.onmousemove，iframe有異領域空间，和父页是分享

我主この機能の実現は、document.body.onmousemove が必ずしも必要というわけではなく、実現できさえすれば、可能な限りの

の下にある、iframe のコンテンツを無法に操作することなく、iframe 上で透明浮遊層を使用して浮遊することができます。出了

必須操作 iframe 那就不办法，除非 iframe 是你自己的页面，获取 iframe 中鼠标イベント在父页的坐标位置

<html><head><script>    window.onload = function () {        var divObj = document.getElementById("rightDiv");        divObj.style.width = parseInt(document.body.offsetWidth) / 3;        divObj.style.height = document.body.offsetHeight;        var isOverDiv = false;        document.body.onmousemove = function (e) {            var e = e || window.event;            if (parseInt(divObj.style.width) > parseInt(document.body.offsetWidth) - parseInt(e.clientX)) {                isOverDiv = true;                divObj.style.display = '';            }            if (parseInt(divObj.style.width) < parseInt(document.body.offsetWidth) - parseInt(e.clientX) && isOverDiv) {                divObj.style.display = 'none';            }        }    }</script></head><body><div ><div id='rightDiv' style="background:black;  border:2px #FF0000 solid;position:absolute; z-index:10000; top:5px; right:0px; display:none; "></div><div style="width:100%;height:100%;position:relative"><div style="position:absolute;width:100%;height:100%;filter:alpha(opacity=0);opacity:0;background:#000"></div><iframe src="http://www.baidu.com" width="100%" ></iframe></div></div></body></html>

ログイン後にコピー