div标签被object标签隐瞒?

关于object标签,现在现已很少运用了,但在考虑到兼容性的问题上,还是会用到object标签的。

在对object标签的运用中,会出现播映视频的object标签隐瞒住其他div标签,使其不能正常显现。
1<divclass=”btn-group”style=”width:100px;height:100px;z-index:2222222″>2<ul>3<li>四画面li>4<li>九画面li>5<li>十六画面li>6ul>7<iframeid=”iframe1″src=”about:blank”frameBorder=”0″marginHeight=”0″marginWidth=”0″style=”position:absolute;visibility:inherit;top:0px;left:0px;width:100px;height:100px;z-index:-1;filter:alpha(opacity=0);”>iframe>10div>
处理:div为要显现的,被object隐瞒,在div中增加一个iframe,通过iframe来遮挡object标签。
原因:object标签不在dom文档流中,浏览器在解析的时候会先把object放置在最上层,再依次解析dom文档,放置在下层,因而有些div标签会被object标签隐瞒,此刻设置z-index是无效的。由于iframe标签等级高于object标签,故可利用在div中加入iframe来处理此类问题。
留意:1、div有必要设有特定的z-index并且大于iframe的z-index;
2、iframe的z-index有必要为负,否则,div无法隐瞒iframe;
3、iframe的top和left为0,且iframe的宽、高与div的宽高持平刚好完全掩盖;
4、留意设置iframe的透明度为0;
5、iframe作为显现div的子元素添加在内。h

© 版权声明
好牛新坐标
版权声明:
1、IT大王遵守相关法律法规,由于本站资源全部来源于网络程序/投稿,故资源量太大无法一一准确核实资源侵权的真实性;
2、出于传递信息之目的,故IT大王可能会误刊发损害或影响您的合法权益,请您积极与我们联系处理(所有内容不代表本站观点与立场);
3、因时间、精力有限,我们无法一一核实每一条消息的真实性,但我们会在发布之前尽最大努力来核实这些信息;
4、无论出于何种目的要求本站删除内容,您均需要提供根据国家版权局发布的示范格式
《要求删除或断开链接侵权网络内容的通知》:https://itdw.cn/ziliao/sfgs.pdf,
国家知识产权局《要求删除或断开链接侵权网络内容的通知》填写说明: http://www.ncac.gov.cn/chinacopyright/contents/12227/342400.shtml
未按照国家知识产权局格式通知一律不予处理;请按照此通知格式填写发至本站的邮箱 wl6@163.com

相关文章