使用object或者embed标签插入flash广告，其实可以只选其一

最新推荐文章于 2021-02-23 14:35:21 发布

原创最新推荐文章于 2021-02-23 14:35:21 发布 · 1.6k 阅读

0 ·

CC 4.0 BY-SA版权

前端专栏收录该内容

23 篇文章

订阅专栏

本文深入分析了网页广告中嵌套标签的使用与浏览器兼容性的关系，通过具体实例展示了如何在确保跨浏览器兼容的同时，简化代码实现。探讨了窗口模式(wmode)设置对广告展示的影响，并提出随着浏览器版本升级，简化标签使用成为可能的观点。

（1）规矩的教程一般会说，为了保证兼容所有浏览器，我们需要在object中嵌套一个embed，以保证不管是什么浏览器，总有一款适合它。如下：

<object data="" type="">
	<embed src="" type="" />
</object>

（2）但是，我们发现，目前很多网站，几乎都只使用一种。

如汽车之家的头部广告：

<embed height="90" width="290" wmode="opaque" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/shockwave/download/" src="http://33.autoimg.cn/homeurl/604e44ad-6249-4151-9924-9ce9975aff5c.swf">

如腾讯房产频道的头部广告：

<object id="auto_gen_2" style="outline:none;width:1000px;height:60px;" data="http://b.gtimg.com/res/2015/01/20/7/726a228ebc37577d.swf">
<param value="never" name="allowscriptaccess">
<param value="opaque" name="wmode">
<param value="high" name="quality">
<param value="adlink=http%3A%2F%2Fcb.l.qq.com%2Flclick%3Fseq%3D3014120900000048%26loc%3D_adb_286_10120415%26soid%3DkD7seVUnVNBvdgvgFAAw4t%2B9AZvg%26aver%3D0%26dtype%3D0&ime=true&setFocus=crystal.ime.setFocus&swfid=auto_gen_2" name="flashvars">
<param value="application/x-shockwave-flash" name="type">
</object>

里面有个wmode属性（window mode属性），默认是window，置于最顶层。设置为opaque后，就可以在它上面增加层了，比如加一个div。

（3）其实，随着浏览器版本的升级，一般只需要一个标签就差不多了。当然为了100%，所以还是嵌套吧。