<?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="000454" baseName="setting-background">CSS設定背景時</b:listData>

			<b:previous>
				<b:mTitle>Dublin Core</b:mTitle>
				<b:mDate>2007/08/29</b:mDate>
				<b:mBase>dublin_core</b:mBase>
			</b:previous>


			<b:next>
				<b:mTitle>web fonts</b:mTitle>
				<b:mDate>2007/08/30</b:mDate>
				<b:mBase>web_fonts</b:mBase>
			</b:next>

		</b:entriesMeta>
		<b:entry entryID="000454" baseName="setting-background">
			<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-08-29</b:date>
				<b:time>11:08:20</b:time>
			</b:datetime>
			<b:category>css-html</b:category>

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



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


			<b:title>CSS設定背景時</b:title>
			<b:content>
				<b:summary>最近逛網站時比較常發現的小問題，很多人在設計版面時，為了質感或是排版會使用背景圖，而使用了背景圖，不過使用了背景圖，卻沒設定背景色，這樣會有什麼問題呢？...</b:summary>
				<b:mainContent><p>最近逛網站時比較常發現的小問題，很多人在設計版面時，為了質感或是排版會使用背景圖，而使用了背景圖，不過使用了背景圖，卻沒設定背景色，這樣會有什麼問題呢？</p></b:mainContent>
				<b:extendContent><p>這邊先拿<a href="http://b-oo-k.net/blog/">老貓學出版</a>為例，我在頁面讀取到一半時就抓了一張圖，可以發現到在背景圖還沒讀完時，內文和最外層的背景色會混在一起，老貓學出版的狀況還算好，對比還夠，不過有不少網站最外層背景的顏色更深，這時候就會造成對比不足無法閱讀的狀況。</p>

<p><a href="http://blog.othree.net/log/2007/08/29/setting-background/b-oo-k.png" class="thickbox"><img alt="圖片還沒出來時，背景色和文字的對比可能不夠" src="http://blog.othree.net/log/2007/08/29/setting-background/b-oo-k-thumb-400x300.png" width="400" height="300" /></a></p>

<p>不過有人會認為「這是讀取到一半的時候啊，不能這樣說。」而我要說的是，訪客都是不想等的，如果文字已經先讀取完了，為什麼不讓訪客可以先開始看內容呢？再來，雖然現在可能沒什麼人因為網路速度問題預設關閉讀取圖片，但是如果真的遇到了，那他就會看不清楚文字了，內容才是網站的主體，如果因為一些小疏忽讓傳達的過程出現障礙，那真是很可惜。</p>

<p class="update">更新：老貓學出版那已經修改過了，所以現在看不到上面所描述的狀況摟^^。</p></b:extendContent>
			</b:content>
			<b:comments commentCount="3">

				<b:comment commentID="028374" entryID="000454">
					<b:author>
						<b:authorName>oc</b:authorName>
						<b:authorEmail>blog.oc@gmail.com</b:authorEmail>
						<b:authorUrl>http://b-oo-k.net/blog/</b:authorUrl>
					</b:author>
					<b:datetime>
						<b:date>2007-08-29</b:date>
						<b:time>13:46:35</b:time>
					</b:datetime>
					<b:content>
						<b:mainContent><p>好吧，下一版來改成純CSS的模版好了。</p></b:mainContent>
					</b:content>
				</b:comment>

				<b:comment commentID="028377" entryID="000454">
					<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-29</b:date>
						<b:time>14:19:08</b:time>
					</b:datetime>
					<b:content>
						<b:mainContent><p>^^b，不是說圖片不好，只是背景色也指定一下要看內容可以比較快開始，而且網頁的質感現在還真的只能靠圖片來製造。你那只要給#Content指定背景色為#FDFDFA就可以了，本來是用transparent。</p>

<p>另外還要跟你道歉，未經告知就拿你的網站做範例。</p></b:mainContent>
					</b:content>
				</b:comment>

				<b:comment commentID="028786" entryID="000454">
					<b:author>
						<b:authorName>cc</b:authorName>
						<b:authorEmail></b:authorEmail>
						<b:authorUrl></b:authorUrl>
					</b:author>
					<b:datetime>
						<b:date>2007-09-04</b:date>
						<b:time>07:57:29</b:time>
					</b:datetime>
					<b:content>
						<b:mainContent><p>有時<br />
讀取完後<br />
可能比讀一半還醜</p></b:mainContent>
					</b:content>
				</b:comment>

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

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