<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" href="/main.xsl"?>
<b:blog xmlns="http://www.w3.org/1999/xhtml" xmlns:b="http://blog.othree.net"  xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://blog.othree.net http://blog.othree.net/blooog.xsd">
	<b:blogTitle>O3noBLOG</b:blogTitle>
	<b:blogDescription></b:blogDescription>
	<b:entries>
		<b:entriesMeta>
			<b:listType>s</b:listType>
			<b:listData listID="000220" baseName="pure-css-tool-tip">Pure CSS Tooltip</b:listData>

			<b:previous>
				<b:mTitle>The Zen of CSS Design 中文版出了</b:mTitle>
				<b:mDate>2005/07/30</b:mDate>
				<b:mBase>the-zen-of-css-design-chinese-edition</b:mBase>
			</b:previous>


			<b:next>
				<b:mTitle>一堆書要看</b:mTitle>
				<b:mDate>2005/08/02</b:mDate>
				<b:mBase>lots-of-books</b:mBase>
			</b:next>

		</b:entriesMeta>
		<b:entry entryID="000220" baseName="pure-css-tool-tip">
			<b:author>
				<b:authorName>othree</b:authorName>
				<b:authorEmail>othree@gmail.com</b:authorEmail>
				<b:authorUrl></b:authorUrl>
			</b:author>
			<b:datetime>
				<b:date>2005-08-01</b:date>
				<b:time>14:44:59</b:time>
			</b:datetime>
			<b:category>css-html</b:category>

			<b:CommentsAccepted>1</b:CommentsAccepted>



			<b:PingsAccepted>1</b:PingsAccepted>


			<b:title>Pure CSS Tooltip</b:title>
			<b:content>
				<b:summary>無邊框版、有邊框版，請在input上點一下，Firefox only now ! 這是這陣子弄出來的東西中較不複雜的，而且我覺得蠻實用的，不過還是只有Firefox only，別的瀏覽器好像都還不支援:focus。詳細說明要等明天吧，今天應該沒空寫。並且還在思考用圖片做圓角的方法（現在是有半徑1px的圓角效果啦XD）。...</b:summary>
				<b:mainContent><p><a href="/log/2005/08/01/pure_css_tool_tip/CSSTooltip.html">無邊框版</a>、<a href="/log/2005/08/01/pure_css_tool_tip/CSSTooltipB.html">有邊框版</a>，請在input上點一下，Firefox only now !</p>

<p>這是這陣子弄出來的東西中較不複雜的，而且我覺得蠻實用的，不過還是只有Firefox only，別的瀏覽器好像都還不支援:focus。詳細說明要等明天吧，今天應該沒空寫。並且還在思考用圖片做圓角的方法（現在是有半徑1px的圓角效果啦XD）。</p></b:mainContent>
				<b:extendContent></b:extendContent>
			</b:content>
			<b:comments commentCount="7">

				<b:comment commentID="000747" entryID="000220">
					<b:author>
						<b:authorName>bcse</b:authorName>
						<b:authorEmail>elohim@gmail.com</b:authorEmail>
						<b:authorUrl>http://blog.bcse.info/</b:authorUrl>
					</b:author>
					<b:datetime>
						<b:date>2005-08-01</b:date>
						<b:time>20:17:28</b:time>
					</b:datetime>
					<b:content>
						<b:mainContent><p>長輩好強啊！原來可以這樣用！...不過總覺得好像以前就有了？現在好看很多就是。</p></b:mainContent>
					</b:content>
				</b:comment>

				<b:comment commentID="000750" entryID="000220">
					<b:author>
						<b:authorName>OOO</b:authorName>
						<b:authorEmail></b:authorEmail>
						<b:authorUrl>http://blog.othree.net</b:authorUrl>
					</b:author>
					<b:datetime>
						<b:date>2005-08-02</b:date>
						<b:time>10:14:55</b:time>
					</b:datetime>
					<b:content>
						<b:mainContent><p>以前是在下面，最近想辦法把他弄到上面了:P。不過昨晚又想到其他方法，可能會比較好，還要測試看看。</p></b:mainContent>
					</b:content>
				</b:comment>

				<b:comment commentID="000834" entryID="000220">
					<b:author>
						<b:authorName>優格</b:authorName>
						<b:authorEmail></b:authorEmail>
						<b:authorUrl>http://dave_dot_77bbs_dot_com/blog</b:authorUrl>
					</b:author>
					<b:datetime>
						<b:date>2005-08-29</b:date>
						<b:time>09:37:27</b:time>
					</b:datetime>
					<b:content>
						<b:mainContent><p>看了你的 CC License,</p>

<p>如果我轉載這篇(非商業用途)，連範例都 copy 過去，然後建個 link 回來這篇註明作者是你，這樣似乎不違反你的 CC。</p>

<p>想完全轉貼這篇到我的 Blog 上，方便嗎?</p></b:mainContent>
					</b:content>
				</b:comment>

				<b:comment commentID="000835" entryID="000220">
					<b:author>
						<b:authorName>OOO</b:authorName>
						<b:authorEmail></b:authorEmail>
						<b:authorUrl>http://blog.othree.net</b:authorUrl>
					</b:author>
					<b:datetime>
						<b:date>2005-08-29</b:date>
						<b:time>10:43:24</b:time>
					</b:datetime>
					<b:content>
						<b:mainContent><p>可以啊。</p></b:mainContent>
					</b:content>
				</b:comment>

				<b:comment commentID="000844" entryID="000220">
					<b:author>
						<b:authorName>優格</b:authorName>
						<b:authorEmail></b:authorEmail>
						<b:authorUrl>http://dave.77bbs.com/blog/archives/000253.html</b:authorUrl>
					</b:author>
					<b:datetime>
						<b:date>2005-09-01</b:date>
						<b:time>21:47:14</b:time>
					</b:datetime>
					<b:content>
						<b:mainContent><p>請問一下,<br />
我把範例 copy 到我的網站, 可是 tooltip 的效果出不來, 不知道是為什麼?</p>

<p>就只有一個 html 吧?</p>

<p><a href="http://dave.77bbs.com/blog/archives/000253.html" rel="nofollow">http://dave.77bbs.com/blog/archives/000253.html</a></p></b:mainContent>
					</b:content>
				</b:comment>

				<b:comment commentID="000845" entryID="000220">
					<b:author>
						<b:authorName>優格</b:authorName>
						<b:authorEmail></b:authorEmail>
						<b:authorUrl></b:authorUrl>
					</b:author>
					<b:datetime>
						<b:date>2005-09-01</b:date>
						<b:time>21:59:28</b:time>
					</b:datetime>
					<b:content>
						<b:mainContent><p>不好意思，解決了。</p>

<p>要把 style 裡 "CDATA" 這個東西拿掉就可以了。只是不知道為什麼。XD</p></b:mainContent>
					</b:content>
				</b:comment>

				<b:comment commentID="000848" entryID="000220">
					<b:author>
						<b:authorName>OOO</b:authorName>
						<b:authorEmail></b:authorEmail>
						<b:authorUrl>http://blog.othree.net</b:authorUrl>
					</b:author>
					<b:datetime>
						<b:date>2005-09-03</b:date>
						<b:time>18:20:30</b:time>
					</b:datetime>
					<b:content>
						<b:mainContent><p>因為我用XHTML 1.1才會這樣:P。</p></b:mainContent>
					</b:content>
				</b:comment>

			</b:comments>
			<b:trackbacks trackbackCount="0" trackbackURL="http://othree.net/mt/mt-tb.cgi/219">

			</b:trackbacks>
		</b:entry>
	</b:entries>
</b:blog>