解決div和object元素重疊時(shí)div被object覆蓋的問題:
在div內(nèi)插入iframe元素,定位z-index=-1窟勃,透明度0逗堵,div定位z-index大于iframez-index即可。
<div id="div" style="display:none;width:300px;height:300px;background-color:#ccc;margin-bottom:10px;position:absolute;z-index:100;left:300px;top:100px;font-size:50px;color:#999;">這是在Object元素上層的div<div><button onclick="alert(new Date)">button</button></div><iframe id="iframe1" src="about:blank" frameBorder="0" marginHeight="0" marginWidth="0" style="position:absolute; visibility:inherit; top:0px;left:0px;width:100%; height:100%;z-index:-1; filter:alpha(opacity=0);"></iframe></div>
<div style="width:800px;margin:0 auto;">
<object id="view1" style="position:relative;z-index:0;" type="application/x-eloamplugin" width="400" height="300" name="view"></object>
<div style="display:inline-block;width:120px;padding-left:15px;">
<input class="submit_01 btn" type="button" value="打開視頻" onclick="OpenVideo()" /><br />
<input class="submit_01 btn" type="button" value="關(guān)閉視頻" onclick="CloseVideo()" /><br />
<button class="submit_01 btn" type="button" onclick="Scan()"><span style="letter-spacing:2em">拍</span>照</button><br />
<input class="submit_01 btn" type="button" value="上傳圖片" onclick="UploadThumbToServer()" /><br />
<input class="submit_01 btn" type="button" value="參數(shù)設(shè)置" onclick="ShowProperty()" /><br />
<div style="display:inline-block;padding-bottom:10px">
<input id="SetState" type="checkbox" value="" onclick="SetState(this)" /><label for="SetState" style="line-height:16px;">手動(dòng)框選</label><br />
<input id="EnableDate" type="checkbox" value="" onclick="EnableDate(this)" /><label for="EnableDate" style="line-height:16px;">添加日期</label>
</div>
</div>
<object id="thumb1" type="application/x-eloamplugin" width="95%" height="130" name="thumb"></object>
<br />
<div class="btn-wrap" style="display:none">
<label id="lab1">設(shè)備</label>
<select id="device" class="sel" name="device" onchange="changeDev()"></select>
<select id="subType" class="sel" name="subType" onchange="changesubType()"></select>
<label>分辨率</label>
<select id="selRes" class="sel" name="selRes"></select>
<span style="color:#f00;font-size:14px;font-weight:bold;">更改設(shè)備/分辨率后需重新打開視頻</span>
</div>
</div>