html内容被背景图片遮住怎么办_div被iframe遮住的几种情况及解决方法

类似结构：

复制代码代码如下:

http://caibaojian.com">>

第一种：透明背景被遮住

当div使用透明的背景时，无论是使用(opacity或者rgba格式)，除了chrome，其它浏览器都出现div被iframe遮住的情况。

解决方法：

div使用不透明背景或者使用透明的背景图片。

第二种：ie8中z-index失效

在ie中，iframe里引入video视频播放会导致div的z-index无效，即div的z-index无论设为多少，均被iframe遮住。来源

解决方法：

给iframe地址加一个参数wmode=opaque，假如地址是：http://caibaojian.com 则对应改为：http://caibaojian.com?wmode=opaque。

flash在其他元素后面

另外顺便看到flash也有这个z-index失效的问题，同样是给flash加一个上面的参数

复制代码代码如下:

或者

复制代码代码如下:

https://cdn.css-tricks.com/FlashAnimation.swf" type="application/x-shockwave-flash" wMode="Transparent">

附录iframe的一些参数

border

复制代码代码如下:

设定围绕图文框的边缘宽度

frameboder

复制代码代码如下:

设置边框是不否为3维(0=否，1=是)

height,width

复制代码代码如下:

设质边框的宽度和高度

scrolling

复制代码代码如下:

是否有滚动条(yes,no,auto)

src

复制代码代码如下:

指定iframe调用的文件或图片(html,htm,gif,jpeg,jpg,png,txt,*.*)

总结

以上就是这篇文章的全部内容，希望对大家的学习或者工作带来一定的帮助，如果有问题大家可以留言交流。

html内容被背景图片遮住怎么办_div被iframe遮住的几种情况及解决方法相关推荐

html 超出部分被遮挡,div被iframe遮住的几种情况及解决方法
类似结构: 复制代码代码如下: https://caibaojian.com">> 第一种:透明背景被遮住当div使用透明的背景时,无论是使用(opacity或者rgba格式) ...
html内容被背景图片遮住怎么办_定义BODY背景图后，DIV的背景图片显示不全（已解决）...
你的位置: 问答吧 -> WEB标准 -> 问题详情定义BODY背景图后,DIV的背景图片显示不全(已解决) 一个有趣的问题,当BODY有背景图片的时候,BODY里的DIV一旦也有背景图 ...
html内容被背景图片遮住怎么办_css背景图片显示不完怎么解决？
css背景图片显示不完是什么原因?怎么解决?下面本篇文章就来给大家介绍一下css背景图片显示不完的解决方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. css设置背景图片显示不全 ...
android动态图片做背景,在Android上添加动态内容后,背景图片变为纯色
我的目标是在网站内容后拥有完整的背景图片.我正在使用以下CSS实现此目的: body { background: url(../img/bg.jpg) no-repeat center center ...
html 图片透明字不透明,CSS实现背景图片透明，文字不透明效果的两种方法
项目中经常会用到背景图上放一些文字介绍,这里介绍两种技术来实现背景图片透明,文字不透明效果,记录一下,方便日后学习. 1.毛玻璃效果:背景图 + 伪类 + flite:blur(3px) .demo1 ...
android启动页背景设置,Android APP启动页白（黑）屏问题及解决方法
一.引言使用Android智能手机用户都有碰到过,当一个APP启动时,有的APP启动界面会首先展示一个白屏或者黑屏,然后再进入欢迎页,稍作停留最后进入APP主页. 这个白屏或者黑屏的问题真的很影响体 ...
android bitmap oom 最新处理办法,【移动开发】Android中图片过大造成内存溢出，OOM（OutOfMemory）异常解决方法...
当我们在做项目过程中,一遇到显示图片时,就要考虑图片的大小,所占内存的大小,原因就是Android分配给Bitmap的大小只有8M,试想想我们用手机拍照,普通的一张照片不也得1M以上,所以androi ...
百度云此链接内容可能涉及侵权，分享的文件已经被取消等屏蔽问题的解决方法
朋友刚分享给你的百度云链接,分享的文件存在没有问题,却出现了下面两种情况情况一:提示[此链接内容可能涉及侵权.色情.反动.低俗等信息,无法访问] 解决: 方法一:将分享的文件名称进行修改. 方法二: ...
无法右键保存图片 html,谷歌浏览器不能保存图片怎么办_谷歌浏览器右键不能保存图片的解决方法－系统城...
在使用谷歌浏览器浏览网页时,如果碰到了自己喜欢的图片我们一般都会保存下来.然而有的网友却表示说,自己的谷歌浏览器出现了右键不能保存图片的情况,不清楚怎么办很是影响自己的使用,那么对此今天本文就来教大家 ...

html内容被背景图片遮住怎么办_div被iframe遮住的几种情况及解决方法

html内容被背景图片遮住怎么办_div被iframe遮住的几种情况及解决方法相关推荐

最新文章

热门文章