<?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>FoxLing - 前端开发 &#187; hover</title>
	<atom:link href="http://foxling.org/tag/hover/feed/" rel="self" type="application/rss+xml" />
	<link>http://foxling.org</link>
	<description>我还在寻找方向</description>
	<lastBuildDate>Tue, 10 Apr 2012 16:48:41 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>用CSS实现图片上的提示信息</title>
		<link>http://foxling.org/html-css-xml/css-images-tips/</link>
		<comments>http://foxling.org/html-css-xml/css-images-tips/#comments</comments>
		<pubDate>Sun, 17 Aug 2008 18:46:18 +0000</pubDate>
		<dc:creator>FoxLing</dc:creator>
				<category><![CDATA[HTML/CSS/XML]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[hover]]></category>
		<category><![CDATA[图片提示]]></category>

		<guid isPermaLink="false">http://wp.foxling.cn/as-flex-air/css-images-tips/</guid>
		<description><![CDATA[效果如下： 利用选择a:hover的子对象， li a {width:90px; height:87px; display:block; position:relative; text-decoration:none;} li a span { display:none;} li a:hover span { display:block; position:absolute; top:70px; left:0; text-align:center; background:#000; color:#fff; width:90px; height:17px; line-height:17px;} 具体例子猛击下面链接： /examples/img-tips/img-tips.html]]></description>
			<content:encoded><![CDATA[<p>效果如下：<br />
<img src="/attachments/month_0808/m2008817184420.jpg" border="0" alt=""/></p>
<p>利用选择a:hover的子对象，</p>
<pre>
li a {width:90px; height:87px; display:block; position:relative; text-decoration:none;}
li a span { display:none;}
li a:hover span { display:block; position:absolute; top:70px; left:0; text-align:center; background:#000; color:#fff; width:90px; height:17px; line-height:17px;}
</pre>
<p>具体例子猛击下面链接：<br />
<a target="_blank" href="/examples/img-tips/img-tips.html">/examples/img-tips/img-tips.html</a></p>
]]></content:encoded>
			<wfw:commentRss>http://foxling.org/html-css-xml/css-images-tips/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>hover,focus伪类，这该死的IE</title>
		<link>http://foxling.org/html-css-xml/css-focus-hover/</link>
		<comments>http://foxling.org/html-css-xml/css-focus-hover/#comments</comments>
		<pubDate>Wed, 13 Aug 2008 22:52:08 +0000</pubDate>
		<dc:creator>FoxLing</dc:creator>
				<category><![CDATA[HTML/CSS/XML]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[focus]]></category>
		<category><![CDATA[hover]]></category>
		<category><![CDATA[伪类]]></category>

		<guid isPermaLink="false">http://wp.foxling.cn/as-flex-air/ie-focus/</guid>
		<description><![CDATA[/examples/hover-focus.html 看看这样的表单效果，是不是很帅，而且又不需要你花费什么功夫 input[type=text]:hover, input[type=text]:focus { border:1px solid #f60} 不过遗憾的是，IE6除了对于A标签的一些效果，对于其它对象，基本上是不支持伪类效果的；IE7支持了:hover，但还是不支持:focus，Opera和FireFox当然是支持的，当然，要IE支持也不是没有办法，不过要用到js，很多时候，偶想想，还是算了~~现在开始考虑渐进优化，SB浏览器就让他去吧。]]></description>
			<content:encoded><![CDATA[<p><a target="_blank" href="/examples/hover-focus.html">/examples/hover-focus.html</a><br />
看看这样的表单效果，是不是很帅，而且又不需要你花费什么功夫</p>
<pre>
input[type=text]:hover,
input[type=text]:focus { border:1px solid #f60}
</pre>
<p>不过遗憾的是，IE6除了对于A标签的一些效果，对于其它对象，基本上是不支持伪类效果的；IE7支持了:hover，但还是不支持:focus，Opera和FireFox当然是支持的，当然，要IE支持也不是没有办法，不过要用到js，很多时候，偶想想，还是算了~~现在开始考虑渐进优化，SB浏览器就让他去吧。</p>
]]></content:encoded>
			<wfw:commentRss>http://foxling.org/html-css-xml/css-focus-hover/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

