object元素覆蓋div的處理

解決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>

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末作媚,一起剝皮案震驚了整個(gè)濱河市攘滩,隨后出現(xiàn)的幾起案子纸泡,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,807評(píng)論 6 518
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件田绑,死亡現(xiàn)場(chǎng)離奇詭異抡爹,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,284評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來涮帘,“玉大人,你說我怎么就攤上這事调缨。” “怎么了俊犯?”我有些...
    開封第一講書人閱讀 169,589評(píng)論 0 363
  • 文/不壞的土叔 我叫張陵伤哺,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我绢彤,道長(zhǎng)桃序,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 60,188評(píng)論 1 300
  • 正文 為了忘掉前任奇适,我火速辦了婚禮芦鳍,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘柠衅。我一直安慰自己,他們只是感情好贷祈,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,185評(píng)論 6 398
  • 文/花漫 我一把揭開白布喝峦。 她就那樣靜靜地躺著,像睡著了一般粟耻。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上挤忙,一...
    開封第一講書人閱讀 52,785評(píng)論 1 314
  • 那天册烈,我揣著相機(jī)與錄音,去河邊找鬼茄厘。 笑死,一個(gè)胖子當(dāng)著我的面吹牛次哈,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播琼牧,決...
    沈念sama閱讀 41,220評(píng)論 3 423
  • 文/蒼蘭香墨 我猛地睜開眼哀卫,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了趾撵?” 一聲冷哼從身側(cè)響起共啃,我...
    開封第一講書人閱讀 40,167評(píng)論 0 277
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎究珊,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體剿涮,經(jīng)...
    沈念sama閱讀 46,698評(píng)論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡攻人,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,767評(píng)論 3 343
  • 正文 我和宋清朗相戀三年怀吻,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片烙博。...
    茶點(diǎn)故事閱讀 40,912評(píng)論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡渣窜,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出乔宿,到底是詐尸還是另有隱情,我是刑警寧澤详瑞,帶...
    沈念sama閱讀 36,572評(píng)論 5 351
  • 正文 年R本政府宣布坝橡,位于F島的核電站,受9級(jí)特大地震影響计寇,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜番宁,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,254評(píng)論 3 336
  • 文/蒙蒙 一蝶押、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧棋电,春花似錦、人聲如沸稼虎。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,746評(píng)論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)沉眶。三九已至,卻和暖如春柳击,著一層夾襖步出監(jiān)牢的瞬間片习,已是汗流浹背捌肴。 一陣腳步聲響...
    開封第一講書人閱讀 33,859評(píng)論 1 274
  • 我被黑心中介騙來泰國(guó)打工状知, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人饥悴。 一個(gè)月前我還...
    沈念sama閱讀 49,359評(píng)論 3 379
  • 正文 我出身青樓西设,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親贷揽。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,922評(píng)論 2 361

推薦閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案腐晾? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,762評(píng)論 1 92
  • 一:在制作一個(gè)Web應(yīng)用或Web站點(diǎn)的過程中藻糖,你是如何考慮他的UI、安全性巨柒、高性能柠衍、SEO、可維護(hù)性以及技術(shù)因素的...
    Arno_z閱讀 1,177評(píng)論 0 1
  • 最近做個(gè)web項(xiàng)目牺勾,因?yàn)槔锩嬗袀€(gè)object的插件,彈出對(duì)話框會(huì)被其遮蓋驻民,我做了個(gè)iframe標(biāo)簽,在彈框時(shí)...
    武鵬磊閱讀 2,073評(píng)論 1 2
  • 轉(zhuǎn)載請(qǐng)聲明 原文鏈接地址 關(guān)注公眾號(hào)獲取更多資訊 第一部分 HTML 第一章 職業(yè)規(guī)劃和前景 職業(yè)方向規(guī)劃定位...
    程序員poetry閱讀 16,562評(píng)論 32 459
  • 一回还、邊框 1.border-radius2.box-shadow:X軸偏移量 Y軸偏移量 [陰影模糊半徑] [陰影...
    張延偉閱讀 277評(píng)論 0 1