<?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="000435" baseName="input-with-image">用圖片製作文字輸入框</b:listData>

			<b:previous>
				<b:mTitle>JRE 1.6 update 2 的EULA</b:mTitle>
				<b:mDate>2007/07/05</b:mDate>
				<b:mBase>jre-16-update-2-eula</b:mBase>
			</b:previous>


			<b:next>
				<b:mTitle>optimus</b:mTitle>
				<b:mDate>2007/07/12</b:mDate>
				<b:mBase>optimus</b:mBase>
			</b:next>

		</b:entriesMeta>
		<b:entry entryID="000435" baseName="input-with-image">
			<b:author>
				<b:authorName>othree</b:authorName>
				<b:authorEmail>othree@gmail.com</b:authorEmail>
				<b:authorUrl></b:authorUrl>
			</b:author>
			<b:datetime>
				<b:date>2007-07-10</b:date>
				<b:time>22:20:18</b:time>
			</b:datetime>
			<b:category>css-html</b:category>

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



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


			<b:title>用圖片製作文字輸入框</b:title>
			<b:content>
				<b:summary>理論上是可行的，最近有想重新設計搜尋欄位的樣子，所以就先做了一個範例，不過因為還沒畫出漂亮的圖，所以看來很陽春，目前這版還有些缺點，主要是不能自動調整長度，如果說要調整字體大小也能自動縮放的話，目前似乎還辦不到就是，基本原理就是用背景圖。...</b:summary>
				<b:mainContent><p>理論上是可行的，最近有想重新設計搜尋欄位的樣子，所以就先做了一個範例，不過因為還沒畫出漂亮的圖，所以看來很陽春，目前這版還有些缺點，主要是不能自動調整長度，如果說要調整字體大小也能自動縮放的話，目前似乎還辦不到就是，基本原理就是用背景圖。</p></b:mainContent>
				<b:extendContent></b:extendContent>
			</b:content>
			<b:comments commentCount="2">

				<b:comment commentID="026826" entryID="000435">
					<b:author>
						<b:authorName>yanglei</b:authorName>
						<b:authorEmail>sdyanglei@Gmai.com</b:authorEmail>
						<b:authorUrl>http://www.ww3cc.com/blog</b:authorUrl>
					</b:author>
					<b:datetime>
						<b:date>2007-08-07</b:date>
						<b:time>15:31:51</b:time>
					</b:datetime>
					<b:content>
						<b:mainContent><p>可惜的是IE对focus这个属性支持的不好</p></b:mainContent>
					</b:content>
				</b:comment>

				<b:comment commentID="026859" entryID="000435">
					<b:author>
						<b:authorName>OOO</b:authorName>
						<b:authorEmail>othree@gmail.com</b:authorEmail>
						<b:authorUrl>http://blog.othree.net</b:authorUrl>
					</b:author>
					<b:datetime>
						<b:date>2007-08-07</b:date>
						<b:time>19:54:48</b:time>
					</b:datetime>
					<b:content>
						<b:mainContent><p>是啊，這部份目前無法只靠CSS來達成，所以我現在就是讓IE使用者看不到這效果，不要有其他錯誤就好。</p></b:mainContent>
					</b:content>
				</b:comment>

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

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