<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Prower&#039;s Blog &#187; Flash</title>
	<atom:link href="http://www.prower.cn/tag/flash/feed" rel="self" type="application/rss+xml" />
	<link>http://www.prower.cn</link>
	<description>关注互联网、体验互联网，记录成长历程</description>
	<lastBuildDate>Thu, 05 Jan 2012 00:40:50 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Flash的层叠顺序问题(z-index)</title>
		<link>http://www.prower.cn/technic/1032</link>
		<comments>http://www.prower.cn/technic/1032#comments</comments>
		<pubDate>Thu, 08 Jan 2009 02:50:40 +0000</pubDate>
		<dc:creator>摄氏度</dc:creator>
				<category><![CDATA[前端开发]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[z-index]]></category>
		<category><![CDATA[层叠顺序]]></category>
		<category><![CDATA[窗口模式]]></category>

		<guid isPermaLink="false">http://www.prower.cn/?p=1032</guid>
		<description><![CDATA[很多人在写页面代码时都会遇到过这样一个问题，那就是当Flash与页面中的其它HTML结构有重叠的时候，默认情况下Flash总是显示在最上面，从而遮挡住了与它有重叠部分的HTML结构，就算为该Flash或是HTML结构标签定义z-index属性却依然是无效的。 因为默认情况下在网页中添加的Flash在浏览器中是以窗口模式存在的，是独立于浏览器的HTML结构渲染的，所以这种情况下的Flash会遮盖住与它重叠的HTML。 比如这个页面：Flash的层叠顺序（z-index） 在Adobe Flash的发布设置里关于HTML的设置有一项是“窗口模式”，这里面提供了三个选项，分别是：窗口(window)、不透明无窗口(opaque)、透明无窗口(transparent)。 这三种模式分别表示着Flash在页面中的三种表现形式，根据这三种表现形式，我们就找到了解决这个问题的方法，就是将页面中的Flash模式(wmode)设置为不透明无窗口(opaque)或者是透明无窗口(transparent)，在这两种模式下页面中的Flash将与HTML结构是处于同一级别的，所以就可以通过z-index来控制页面中的重叠部分到底是Flash显示在上还是HTML结构显示在上。 比如这个页面：Flash的层叠顺序(z-index) 当我们需要在页面中加载一个弹出Flash广告时，并且不希望它被页面中的其它Flash所遮挡时，就可以使用这种方法来解决。同样的如果这个弹出Flash是不规则形状的时候，就可以将模式(wmode)设置为透明无窗口(transparent)，这样即可以除去Flash本身所带有的背景。]]></description>
			<content:encoded><![CDATA[<p>很多人在写页面代码时都会遇到过这样一个问题，那就是当Flash与页面中的其它HTML结构有重叠的时候，默认情况下Flash总是显示在最上面，从而遮挡住了与它有重叠部分的HTML结构，就算为该Flash或是HTML结构标签定义z-index属性却依然是无效的。</p>
<p>因为默认情况下在网页中添加的Flash在浏览器中是以窗口模式存在的，是独立于浏览器的HTML结构渲染的，所以这种情况下的Flash会遮盖住与它重叠的HTML。</p>
<p>比如这个页面：<a href="http://www.prower.cn/page/z-index/1.html" target="_blank">Flash的层叠顺序（z-index）</a></p>
<p>在Adobe Flash的发布设置里关于<a href="http://www.prower.cn/tag/html" target="_blank">HTML</a>的设置有一项是“窗口模式”，这里面提供了三个选项，分别是：窗口(window)、不透明无窗口(opaque)、透明无窗口(transparent)。</p>
<p><span id="more-1032"></span></p>
<p>这三种模式分别表示着Flash在页面中的三种表现形式，根据这三种表现形式，我们就找到了解决这个问题的方法，就是将页面中的Flash模式(wmode)设置为不透明无窗口(opaque)或者是透明无窗口(transparent)，在这两种模式下页面中的Flash将与HTML结构是处于同一级别的，所以就可以通过z-index来控制页面中的重叠部分到底是Flash显示在上还是HTML结构显示在上。</p>
<p>比如这个页面：<a href="http://www.prower.cn/page/z-index/2.html" target="_blank">Flash的层叠顺序(z-index)</a></p>
<p>当我们需要在页面中加载一个弹出Flash广告时，并且不希望它被页面中的其它Flash所遮挡时，就可以使用这种方法来解决。同样的如果这个弹出Flash是不规则形状的时候，就可以将模式(wmode)设置为透明无窗口(transparent)，这样即可以除去Flash本身所带有的背景。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.prower.cn/technic/1032/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

