<?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>前端之路 &#187; 叠加</title>
	<atom:link href="http://www.simcn.com/tag/%e5%8f%a0%e5%8a%a0/feed" rel="self" type="application/rss+xml" />
	<link>http://www.simcn.com</link>
	<description>网站开发, 前端开发, 高性能前端开发</description>
	<lastBuildDate>Thu, 03 Nov 2011 02:08:49 +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>css实现两个图片叠加效果</title>
		<link>http://www.simcn.com/css%e5%ae%9e%e7%8e%b0%e4%b8%a4%e4%b8%aa%e5%9b%be%e7%89%87%e5%8f%a0%e5%8a%a0%e6%95%88%e6%9e%9c</link>
		<comments>http://www.simcn.com/css%e5%ae%9e%e7%8e%b0%e4%b8%a4%e4%b8%aa%e5%9b%be%e7%89%87%e5%8f%a0%e5%8a%a0%e6%95%88%e6%9e%9c#comments</comments>
		<pubDate>Fri, 31 Oct 2008 01:24:33 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[前端技术]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[叠加]]></category>
		<category><![CDATA[图片]]></category>

		<guid isPermaLink="false">http://www.simcn.com/?p=47</guid>
		<description><![CDATA[#f{ width:120px; height:160px; border:3px solid #000; position:relative; float:left;} .level1{ display:block; left:0px; position:absolute; z-index:1;} .level2{ display:block; left:0px; position:absolute; z-index:2;} .level3{ display:block; bottom:0px; position:absolute; z-index:3; text-align:center; filter: Alpha(Opacity=20); } .level3{btext-align:center; width:120px; line-height:1.5em;background-color:#000; font-size:12px;} .level3 a{ margin:0em 3px; font-family:Tahoma; font-size:9px; text-transform: uppercase; text-decoration:none; color:#fff; } #f:hover{ border:3px solid #f00;} function cp(){ alert('copy'); } function dl(){ alert('del'); } copydel [...]]]></description>
			<content:encoded><![CDATA[<pre class="brush:css">
<style>
#f{ width:120px; height:160px;  border:3px solid #000; position:relative; float:left;}
.level1{ display:block; left:0px; position:absolute; z-index:1;}
.level2{ display:block; left:0px; position:absolute; z-index:2;}
.level3{
 display:block;
 bottom:0px;
 position:absolute;
 z-index:3;
 text-align:center;
 filter: Alpha(Opacity=20);
}
.level3{btext-align:center; width:120px; line-height:1.5em;background-color:#000; font-size:12px;}
.level3 a{
 margin:0em 3px;
 font-family:Tahoma;
 font-size:9px;
 text-transform: uppercase;
 text-decoration:none;
 color:#fff;
}
#f:hover{ border:3px solid #f00;}
</style>
</pre>
<pre class="brush:javascript">

<script>
function cp(){
 alert('copy');
}
function dl(){
 alert('del');
}
</script>
</pre>
<p><!-- 测试页面 --></p>
<pre class="brush:html">
<div id="f">
<div class="level1"><img src="<a href="http://192.168.32.254/temp/thumb/aa/08/aa087f796d2c580441a536ef343286c4110.jpg">http://192.168.32.254/temp/thumb/aa/08/aa087f796d2c580441a536ef343286c4110.jpg</a>" border="0" /></div>
<div class="level2"><a href="#"><img src="<a href="http://192.168.32.254/themes/2/store/skin/shanshan/images/over_new.gif">http://192.168.32.254/themes/2/store/skin/shanshan/images/over_new.gif</a>" border="0" /></a></div>
<div class="level3"><span><a href="javascript:cp();">copy</a><a href="javascript:dl();">del</a></span></div>
</div>
<div id="f">
<div class="level1"><img src="<a href="http://192.168.32.254/temp/thumb/aa/08/aa087f796d2c580441a536ef343286c4110.jpg">http://192.168.32.254/temp/thumb/aa/08/aa087f796d2c580441a536ef343286c4110.jpg</a>" border="0" /></div>
<div class="level2"><a href="#"><img src="<a href="http://192.168.32.254/themes/2/store/skin/shanshan/images/over_new.gif">http://192.168.32.254/themes/2/store/skin/shanshan/images/over_new.gif</a>" border="0" /></a></div>
<div class="level3"><span><a href="javascript:cp();">copy</a><a href="javascript:dl();">del</a></span></div>
</div>
<div id="f">
<div class="level1"><img src="<a href="http://192.168.32.254/temp/thumb/aa/08/aa087f796d2c580441a536ef343286c4110.jpg">http://192.168.32.254/temp/thumb/aa/08/aa087f796d2c580441a536ef343286c4110.jpg</a>" border="0" /></div>
<div class="level2"><a href="#"><img src="<a href="http://192.168.32.254/themes/2/store/skin/shanshan/images/over_new.gif">http://192.168.32.254/themes/2/store/skin/shanshan/images/over_new.gif</a>" border="0" /></a></div>
<div class="level3"><span><a href="javascript:cp();">copy</a><a href="javascript:dl();">del</a></span></div>
</div>
</pre>
]]></content:encoded>
			<wfw:commentRss>http://www.simcn.com/css%e5%ae%9e%e7%8e%b0%e4%b8%a4%e4%b8%aa%e5%9b%be%e7%89%87%e5%8f%a0%e5%8a%a0%e6%95%88%e6%9e%9c/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

