两千人站长交流群:462137404 / VIP用户交流群:462197261 收藏本站哈站网 zhan.ha.cn 精品建站资源第一站,让建站变得更加容易!
业务咨询:78895949 联系电话:13402647354
  • 当前位置:
  • div被iframe遮住的几种情况及解决方法

    Html实例2018年05月30日关键词:

    类似结构:

    复制代码

    代码如下:

    <div></div><ifram src=”<a href=”http://caibaojian.com”></iframe”>http://caibaojian.com”></iframe</a>>

    第一种:透明背景被遮住

    当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加一个上面的参数

    复制代码

    代码如下:

    <param name=”wmode” value=”transparent”>

    或者

    复制代码

    代码如下:

    <EMBED src=”<a href=”https://cdn.css-tricks.com/FlashAnimation.swf”>https://cdn.css-tricks.com/FlashAnimation.swf</a>” type=”application/x-shockwave-flash” wMode=”Transparent”>

    附录iframe的一些参数

    border

    复制代码

    代码如下:

    <iframe border=”3″></iframe>

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

    frameboder

    复制代码

    代码如下:

    <iframe frameboder=”0″></iframe>

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

    height,width

    复制代码

    代码如下:

    <iframe height=”31″ width=”88″></iframe>

    设质边框的宽度和高度

    scrolling

    复制代码

    代码如下:

    <iframe scrolling=”no”></iframe>

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

    src

    复制代码

    代码如下:

    <iframe src=”girl.gif”></iframe>

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

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

    其他网友正在看:
    HTML DOM简介_动力节点Java学院整理

    什么是DOM?通过JavaScript,您可以重构整个HTML文档。您可以添加、移除、改变或重排页面上的项目。要改变页面的某个东西,JavaScript就需要对HTML文档中所有元素进行访问的入口。这个入口,连同对HTML 元素进行添加、移动、改变或移除的方法和属性,都是通过文档对象模型来获···

    2018-05-30关键词:

    XHTML中的超链接标签使用教程

    超链接,也叫“链接”。超链接在我们浏览的网页上可以说是无处不在,我们点击网页上某个链接地址,即链接到另一个网页,这就是超链接在起作用。使用 <a></a> 标签来定义超链接,语法:<a href="url">显示的文字或图片</a>例子:···

    2018-05-30关键词:

    表格标签(table)深入了解

    表格(table)是一直以来长期被大家使用的标签,直到现在还是在用,不过呢因为现在的网站重构,建议大家不要表格(table)来布局而很多朋友误以为用表格(table)就是所谓的不标准了,其实不然,表格(table)是一个重要元素。前不久为了寻找表格(table)所包含的主要标签,···

    2018-05-30关键词:

    Html制作简单而漂亮的登录页面

    先来看看样子。 html源码:XML/HTML Code复制内容到剪贴板<!DOCTYPE html>   <html lang="en">   <head>       <meta charset="UTF-8">  ···

    2018-05-30关键词:

    html meta标签的使用总结(推荐)

    meta标签作用META标签是HTML标记HEAD区的一个关键标签,提供文档字符集、使用语言、作者等基本信息,以及对关键词和网页等级的设定等,最大的作用是能够做搜索引擎优化(SEO)。PS:便于搜索引擎机器人查找、分类,互联网应用应该要注意。大网站都是怎么写?在了解这个标签···

    2018-05-30关键词:

    html插入链接的实现方法

    每个网页都已一个地址,用URL()标识,通常在网站内部创建链接时,通常使用相对地址内部链接XML/HTML Code复制内容到剪贴板<a href="链接地址" target="目标窗口的打开方式(-self,-blank,-top,-parent)"> 说明文字 </a&···

    2018-05-30关键词: