两千人站长交流群: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,*.*)

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

    其他网友正在看:
    XHTML中的超链接标签使用教程

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

    2018-05-30关键词:

    关于html的表单元素详解(一)

    HTML 表单用于搜集不同类型的用户输入HTML 表单用于收集用户输入;form 元素定义 HTML 表单。<form> form elements</form>Action 属性action 属性定义在提交表单时执行的动作。向服务器提交表单的通常做法是使用提交按钮。 通常,表单会被提交···

    2018-05-30关键词:

    HTML标签marquee实现多种滚动效果(无需JS控制)

    页面的自动滚动效果,可由javascript来实现,但是今天无意中发现了一个html标签 – <marquee></marquee>可以实现多种滚动效果,无需js控制。使用marquee标记不仅可以移动文字,也可以移动图片,表格等.语法:<marquee>…</marquee>; 说明···

    2018-05-30关键词:

    HTML中img标签只显示图片中心位置的方法(三种方法)

    html中 img标签显示图片中心的方法目前知道三种,在此记录一下第一种:用到css的clip:rect(top right bottom left);用法,需要配合position: absolute使用:如下<img src="http://img2.utuku.china.com/640x0/news/20170210/77b8b5ca-11d3-4307-9a93-c12df5eb1a35.···

    2018-05-30关键词:

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

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

    2018-05-30关键词:

    HTML表单_动力节点Java学院整理

    一、表单 1.表单的作用HTML 表单用于接收不同类型的用户输入,用户提交表单时向服务器传输数据,从而实现用户与Web服务器的交互。2.表单的工作机制  3.表单定义(<form></form>标签) HTML表单是一个包含表单元素的区域, 表单使用<form> 标签创建。···

    2018-05-30关键词: