<?xml version="1.0" standalone="yes"?>
<?xml-stylesheet type="text/xsl" href="css/rss.xslt"?>
<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/"><channel><title>Wayhome's Blog - DIV+CSS</title><link>http://www.abloxo.com/blog/</link><description>用户界面与用户体验 - </description><generator>RainbowSoft Studio Z-Blog 1.8 Walle Build 91204</generator><language>zh-CN</language><copyright>Copyright &amp;amp;copy; 2003-2010 Wayhome Wang. All Rights Reserved.</copyright><pubDate>Tue, 07 Sep 2010 05:51:14 +0800</pubDate><item><title>本博客开始支持CSS3</title><author>wayhome@126.com (Wayhome)</author><link>http://www.abloxo.com/blog/post/167.html</link><pubDate>Tue, 31 Aug 2010 19:44:34 +0800</pubDate><guid>http://www.abloxo.com/blog/post/167.html</guid><description><![CDATA[最近在关注CSS3的一些新特性，并尝试逐渐应用在本博客当中，得益于我这套自己编写的zblog模版良好的扩展性，整个过程异常的顺利，在CSS3一些新的元素中，本博客暂时用到的就只有“圆角”、“阴影”和“渐变”了，如果你使用firefox 3.6以上版本，或者是webkit内核的safari（包括iPad上的safari），chrome浏览器，就能看到本博客的这些改变，如果你是用ie内核的浏览器，你将不会察觉到有任何变化。CSS3属于“未完成”的东西，很多情况mozilla和webkit要用各自的一套代码，加上ie不支持CSS3，感觉写CSS3就像写CSS2的Hack一样。而且各浏览器对于细节渲染不完全是一致的，各种原因，CSS3普及的日子还有较长的一段时间。...]]></description><category>DIV+CSS</category><comments>http://www.abloxo.com/blog/post/167.html#comment</comments><wfw:comment>http://www.abloxo.com/blog/</wfw:comment><wfw:commentRss>http://www.abloxo.com/blog/feed.asp?cmt=167</wfw:commentRss><trackback:ping>http://www.abloxo.com/blog/cmd.asp?act=tb&amp;id=167&amp;key=8be9c592</trackback:ping></item><item><title>[转]CSS Hack汇总快查</title><author>wayhome@126.com (Wayhome)</author><link>http://www.abloxo.com/blog/post/92.html</link><pubDate>Sat, 01 Sep 2007 10:43:56 +0800</pubDate><guid>http://www.abloxo.com/blog/post/92.html</guid><description><![CDATA[来自：蓝色理想<br/><br/>屏蔽IE浏览器（也就是IE下不显示）<br/><textarea class="code" rows="10" cols="50">*:lang(zh)&nbsp;select&nbsp;{font:12px&nbsp;&nbsp;!important;}&nbsp;/*FF的专用*/&lt;br/&gt;select:empty&nbsp;{font:12px&nbsp;&nbsp;!important;}&nbsp;/*safari可见*/&lt;br/&gt;这里select是选择符，根据情况更换。第二句是MAC上safari浏览器独有的。</textarea><br/>]]></description><category>DIV+CSS</category><comments>http://www.abloxo.com/blog/post/92.html#comment</comments><wfw:comment>http://www.abloxo.com/blog/</wfw:comment><wfw:commentRss>http://www.abloxo.com/blog/feed.asp?cmt=92</wfw:commentRss><trackback:ping>http://www.abloxo.com/blog/cmd.asp?act=tb&amp;id=92&amp;key=8fbc28f4</trackback:ping></item><item><title>网页上PNG透明图片的运用（二）</title><author>wayhome@126.com (Wayhome)</author><link>http://www.abloxo.com/blog/post/91.html</link><pubDate>Fri, 17 Aug 2007 11:04:21 +0800</pubDate><guid>http://www.abloxo.com/blog/post/91.html</guid><description><![CDATA[IE6不支持PNG半透明图片的缺陷为web设计带来了极大的不便，之前曾经介绍过用<a href="http://www.abloxo.com/blog/article.asp?id=85" target="_blank">滤镜+hack的方法</a>实现显示PNG，不过实现起来相当繁琐。还有一种网上比较流行的方法，更加简便，下面详细介绍这种方法]]></description><category>DIV+CSS</category><comments>http://www.abloxo.com/blog/post/91.html#comment</comments><wfw:comment>http://www.abloxo.com/blog/</wfw:comment><wfw:commentRss>http://www.abloxo.com/blog/feed.asp?cmt=91</wfw:commentRss><trackback:ping>http://www.abloxo.com/blog/cmd.asp?act=tb&amp;id=91&amp;key=72aa426f</trackback:ping></item><item><title>网页上PNG透明图片的运用</title><author>wayhome@126.com (Wayhome)</author><link>http://www.abloxo.com/blog/post/76.html</link><pubDate>Thu, 29 Mar 2007 16:15:55 +0800</pubDate><guid>http://www.abloxo.com/blog/post/76.html</guid><description><![CDATA[PNG ( Portable Network Graphics ) 格式的无损压缩和半透明特性对增强网页效果减少网页体积有着重要的作用，但由于 IE6 不支持 PNG，所以一直未能得到广泛的应用。虽然 IE7 已经支持 PNG，但目前 IE6 还是主流，怎么样让 IE6 也使用 PNG 呢]]></description><category>DIV+CSS</category><comments>http://www.abloxo.com/blog/post/76.html#comment</comments><wfw:comment>http://www.abloxo.com/blog/</wfw:comment><wfw:commentRss>http://www.abloxo.com/blog/feed.asp?cmt=76</wfw:commentRss><trackback:ping>http://www.abloxo.com/blog/cmd.asp?act=tb&amp;id=76&amp;key=2b89152c</trackback:ping></item><item><title>Div + CSS 的 ToolTips</title><author>wayhome@126.com (Wayhome)</author><link>http://www.abloxo.com/blog/post/60.html</link><pubDate>Fri, 24 Nov 2006 08:55:53 +0800</pubDate><guid>http://www.abloxo.com/blog/post/60.html</guid><description><![CDATA[实现 ToolTips 的方法有很多，大多数用 JS，下面是用纯 CSS 制作的，定位上运用了 absolute 与 relative，本文根据 Blueidea 上的<a href="http://www.blueidea.com/tech/web/2006/3671.asp" target="_blank">文章</a>，略作修改和添加]]></description><category>DIV+CSS</category><comments>http://www.abloxo.com/blog/post/60.html#comment</comments><wfw:comment>http://www.abloxo.com/blog/</wfw:comment><wfw:commentRss>http://www.abloxo.com/blog/feed.asp?cmt=60</wfw:commentRss><trackback:ping>http://www.abloxo.com/blog/cmd.asp?act=tb&amp;id=60&amp;key=fbde23c8</trackback:ping></item><item><title>absolute 与 relative 的运用，Div + CSS</title><author>wayhome@126.com (Wayhome)</author><link>http://www.abloxo.com/blog/post/58.html</link><pubDate>Mon, 13 Nov 2006 19:30:15 +0800</pubDate><guid>http://www.abloxo.com/blog/post/58.html</guid><description><![CDATA[作者：<font color="Blue">Wayhome Wang</font><br/><br/>Div + CSS 进行网页布局，适当地运用 absolute 与 relative，能给布局带来意想不到的效果和方便，达到事半功倍，最近在 Blueidea 有一篇关于 absolute 与 relative 的运用的<a href="http://www.blueidea.com/tech/web/2006/4249.asp" target="_blank">文章</a>，但讲解不全面，不容易读懂。下面我尝试写下一些我的看法，希望对你有帮助]]></description><category>DIV+CSS</category><comments>http://www.abloxo.com/blog/post/58.html#comment</comments><wfw:comment>http://www.abloxo.com/blog/</wfw:comment><wfw:commentRss>http://www.abloxo.com/blog/feed.asp?cmt=58</wfw:commentRss><trackback:ping>http://www.abloxo.com/blog/cmd.asp?act=tb&amp;id=58&amp;key=c4b65e20</trackback:ping></item><item><title>Div + CSS 高度自适应解决方案</title><author>wayhome@126.com (Wayhome)</author><link>http://www.abloxo.com/blog/post/57.html</link><pubDate>Tue, 07 Nov 2006 10:03:22 +0800</pubDate><guid>http://www.abloxo.com/blog/post/57.html</guid><description><![CDATA[作者：<font color="Blue">Wayhome Wang</font><br/><br/>自适应高度的问题，采用 Div + CSS 进行三列或二列布局时，事先不知道具体高度，只能根据内容的增减自适应高度，要使两列（或三列）的高度相同，用 Table 很容易实现，但采用 Div + CSS 就显得比较麻烦了。按照一般的做法，大都采用背景图填充或 JS 脚本的方法使高度相同，但这些都不是最好的办法]]></description><category>DIV+CSS</category><comments>http://www.abloxo.com/blog/post/57.html#comment</comments><wfw:comment>http://www.abloxo.com/blog/</wfw:comment><wfw:commentRss>http://www.abloxo.com/blog/feed.asp?cmt=57</wfw:commentRss><trackback:ping>http://www.abloxo.com/blog/cmd.asp?act=tb&amp;id=57&amp;key=76d8f10c</trackback:ping></item><item><title>Div + CSS 创建自适应宽度布局（液态布局）</title><author>wayhome@126.com (Wayhome)</author><link>http://www.abloxo.com/blog/post/33.html</link><pubDate>Tue, 11 Jul 2006 14:44:22 +0800</pubDate><guid>http://www.abloxo.com/blog/post/33.html</guid><description><![CDATA[作者：<font color="Blue">Wayhome Wang</font><br/><br/>长话短说，用 DIV + CSS 做液态布局（宽度自适应），具体用到“负值外补丁”的方法 （negative margins）。<br/>下面我们来做一个三栏液态布局（three-column liquid layout）]]></description><category>DIV+CSS</category><comments>http://www.abloxo.com/blog/post/33.html#comment</comments><wfw:comment>http://www.abloxo.com/blog/</wfw:comment><wfw:commentRss>http://www.abloxo.com/blog/feed.asp?cmt=33</wfw:commentRss><trackback:ping>http://www.abloxo.com/blog/cmd.asp?act=tb&amp;id=33&amp;key=032c08e8</trackback:ping></item></channel></rss>
