志在指尖
用双手敲打未来

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

未经允许不得转载:IT技术网站 » div标签被object标签隐瞒?
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

志在指尖 用双手敲打未来

登录/注册IT技术大全

热门IT技术

C#基础入门   SQL server数据库   系统SEO学习教程   WordPress小技巧   WordPress插件   脚本与源码下载