有这样一个需求:就是在object标签上浮动一个div
众所周知,object的标签是属于窗口类型的,浏览器解析的时候,会优先执行,所以你在div无论怎么设置z-index都是没有用的,
在网上查阅了大量的资料,普遍都是采用div嵌套iframe去覆盖object,但这样做有个弊端,就是设置div透明的时候,底色不是object的底色,而是html的底色。这个问题在网上都没有完美的解决方案
更新:可能我之前没有注释代码中颜色的说明,导致很多人不太理解,就说这个方法不行.现在更新一下
完美方案:
先设置一个大的div包裹两个小的div,并且设置两个小的设置绝对定位,其中一个小的div包裹object,代码如下:(亲测可行)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
.box {
height: 300px;
width: 200px;
background-color: red;
position: relative;
}
.objdiv {
position: absolute;