<?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.uideas.cn/post/tag/%e9%80%8f%e6%98%8e%e8%83%8c%e6%99%af/feed" rel="self" type="application/rss+xml" />
	<link>http://www.uideas.cn</link>
	<description>生活来源于创意,所以我懂生活</description>
	<lastBuildDate>Sun, 22 Aug 2010 07:17:13 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>透明的png网页背景图片</title>
		<link>http://www.uideas.cn/post/9.html</link>
		<comments>http://www.uideas.cn/post/9.html#comments</comments>
		<pubDate>Wed, 30 Sep 2009 07:45:15 +0000</pubDate>
		<dc:creator>kos</dc:creator>
				<category><![CDATA[DIV+CSS]]></category>
		<category><![CDATA[png]]></category>
		<category><![CDATA[兼容]]></category>
		<category><![CDATA[滤镜]]></category>
		<category><![CDATA[网页]]></category>
		<category><![CDATA[透明背景]]></category>

		<guid isPermaLink="false">http://uideas.cn/?p=9</guid>
		<description><![CDATA[　　在制作网页时，为了让网页达到一定的美观度，不得不加入一些图片，而时不时会用到一些半透明效果使网页显得更和谐些，而png格式的图片就占有这样一大优势，jpg格式的图片虽然清晰度高，但遇到这样的情况不能得以满足，保存为此格式的图片都不能让其任何一部分透明，gif格式的图片……]]></description>
			<content:encoded><![CDATA[<p>　　在制作网页时，为了让网页达到一定的美观度，不得不加入一些图片&#8221;",&#8221;"，而时不时会用到一些半透明效果使网页显得更和谐些，而png格式的图片就占有这样一大优势，jpg格式的图片虽然清晰度高，但遇到这样的情况不能得以满足，保存为此格式的图片都不能让其任何一部分透明，gif格式的图片虽然可以设置透明但也有几个缺点，直角边缘透明倒很好用，但圆角边缘的话可能就会有毛刺，并且不支持半透明……而png可以任意设置透明度。<br />
但是在网页中，直接用png图片做透明背景有一些低版本浏览器不支持，需要写滤镜。<br />
代码如下：</p>
<form enctype="application/x-www-form-urlencoded"><code></p>
<div class="Nodiv">
<div class="Notitle">CODE</div>
<div class="Nocontent"><textarea class="textarea" cols="20" rows="8">&lt;style&gt; .bigbg{width:260px;height:150px;padding:30px;border:1px #666666 solid; background:#00CCFF;} .conbg{width:200px;height:100px;background-image:url(http://i841.photobucket.com/albums/zz334/uideas/image_1.png)!important;background-repeat:no-repeat; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://i841.photobucket.com/albums/zz334/uideas/image_1.png");_background-image: none;} &lt;/style&gt; &lt;div class="bigbg"&gt;     &lt;div class="conbg"&gt;&lt;/div&gt; &lt;/div&gt;</textarea></div>
<div class="Nobutton">
<input onclick="RunCode(this)" type="button" value="运行代码" />
<input onclick="CopyCode(this)" type="button" value="复制代码" />
<input onclick="SaveCode(this)" type="button" value="保存代码" />
<span class="Nots">[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]</span>
</div>
</div>
<p></code></form>
]]></content:encoded>
			<wfw:commentRss>http://www.uideas.cn/post/9.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
