<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
<channel>
<title><![CDATA[Designnull - CSS Lab]]></title>
<link>http://www.designnull.com/</link>
<description><![CDATA[专注]]></description>
<language>zh-cn</language>
<copyright><![CDATA[Copyright 2005 PBlog3 v2.8]]></copyright>
<webMaster><![CDATA[ihongcn@gmail.com(Designnull)]]></webMaster>
<generator>PBlog2 v2.4</generator> 
<image>
	<title>Designnull</title>
	<url>http://www.designnull.com/images/logos.gif</url>
	<link>http://www.designnull.com/</link>
	<description>Designnull</description>
</image>

			<item>
			<link>http://www.designnull.com/article.asp?id=7</link>
			<title><![CDATA[让IE6 支持fixed]]></title>
			<author>ihongcn@gmail.com(admin)</author>
			<category><![CDATA[CSS Lab]]></category>
			<pubDate>Thu,09 Jul 2009 09:40:24 +0800</pubDate>
			<guid>http://www.designnull.com/default.asp?id=7</guid>
		<description><![CDATA[fixed 很酷，可是IE6不支持，在IE6还是主流浏览器的年代，不得不考虑对它的兼容性。<br/>万恶的IE6!<br/><br/>解决这一IE6 bug有几种方法：<br/>1.CSS模拟<br/><div class="UBBPanel codePanel"><div class="UBBTitle"><a onClick="copycode(code24056);" style="float:right;cursor: pointer;font-weight: normal; font-style: normal">复制内容到剪贴板</a><img src="http://www.designnull.com/images/code.gif" style="margin:0px 2px -3px 0px;" alt="程序代码"/> 程序代码</div><div class="UBBContent" id=code24056><br/>body{height:100%;overflow:hidden;position:relative}<br/>.fixed{position:absolute;top:10px;left:10px}<br/>.container{height:100%;overflow:auto}<br/></div></div><br/>2.JS实现<br/><div class="UBBPanel codePanel"><div class="UBBTitle"><a onClick="copycode(code15770);" style="float:right;cursor: pointer;font-weight: normal; font-style: normal">复制内容到剪贴板</a><img src="http://www.designnull.com/images/code.gif" style="margin:0px 2px -3px 0px;" alt="程序代码"/> 程序代码</div><div class="UBBContent" id=code15770><br/>&lt;script language=&#34;javascript&#34; type=&#34;text/javascript&#34;&gt;<br/>window.onload=function(){<br/>if(!window.XMLHttpRequest){//ie6 <br/>var n=0;&nbsp;&nbsp;//top值<br/>var obj=document.getElementById(&#34;topbox&#34;); //position:fixed对象<br/>window.onscroll=function(){obj.style.top=(document.body.scrollTop||document.documentElement.scrollTop)+n+&#39;px&#39;;}<br/>window.onresize=function(){obj.style.top=(document.body.scrollTop||document.documentElement.scrollTop)+n+&#39;px&#39;;}<br/>}<br/>}<br/>&lt;/script&gt;<br/></div></div><br/><br/>两种方法各有优劣<br/>也许还有第三种]]></description>
		</item>
		
			<item>
			<link>http://www.designnull.com/article.asp?id=3</link>
			<title><![CDATA[一个简单但用处很大的菜单]]></title>
			<author>ihongcn@gmail.com(admin)</author>
			<category><![CDATA[CSS Lab]]></category>
			<pubDate>Tue,23 Jun 2009 10:01:09 +0800</pubDate>
			<guid>http://www.designnull.com/default.asp?id=3</guid>
		<description><![CDATA[<img src="http://www.designnull.com/download.asp?id=5" border="0" alt=""/><br/><br/>演示地址：<a target="_blank" href="http://www.designnull.com/菜单/简易菜单/" rel="external">http://www.designnull.com/菜单/简易菜单/</a><br/><br/><span id="mdown_2r68e6nuds"></span><script language="javascript" type="text/javascript">check('Action.asp?action=Antimdown&id=6&downurl=download%2Easp%3Fid%3D6&main=%E7%82%B9%E5%87%BB%E4%B8%8B%E8%BD%BD%E6%AD%A4%E6%96%87%E4%BB%B6','mdown_2r68e6nuds','mdown_2r68e6nuds');</script><br/>]]></description>
		</item>
		
			<item>
			<link>http://www.designnull.com/article.asp?id=2</link>
			<title><![CDATA[纯CSS 菜单]]></title>
			<author>ihongcn@gmail.com(admin)</author>
			<category><![CDATA[CSS Lab]]></category>
			<pubDate>Mon,22 Jun 2009 09:19:17 +0800</pubDate>
			<guid>http://www.designnull.com/default.asp?id=2</guid>
		<description><![CDATA[<img src="http://www.designnull.com/download.asp?id=4" border="0" alt=""/><br/><br/>进入详细页查看代码...<br/><br/><div class="UBBPanel"><div class="UBBTitle"><img src="http://www.designnull.com/images/html.gif" style="margin:0px 2px -3px 0px"> HTML代码</div><div class="UBBContent"><TEXTAREA rows="8" id="temp70345">
<html>
<head>
<meta http-equiv=&#34;Content-Type&#34; content=&#34;text/html; charset=utf-8&#34; />
<style type=&#34;text/css&#34;>
#menu{ margin:0;  padding:0;  list-style:none;  font:14px Arial;  }
#menu li{ float:left;margin:0 1px 0 0;}  
#menu li dl{width:150px; padding:0 0 10px 0;
background:#cb6}  
#menu li dt{padding:5px;text-align:center;border-bottom:1px solid #b00;
background:#ed8 }  
#menu li dt a,#menu li dt a:visited{display:block;color:#333;text-decoration:none;}
#menu li dd{margin:0;padding:0;color:#fff;background-color:#47a;}  
#menu li dd.last{border-bottom:1px solid #b00;}   
#menu li dd a,#menu li dd a:visited{height:1em;display:block;color:#fff;
text-decoration:none;padding:4px 5px 4px 20px;
background:#47a}  
#menu li dd{display:none;}
#menu li:hover dd,#menu li a:hover dd{display:block;}
#menu li:hover,#menu li a:hover{width:auto}

#menu li dd a:hover{ background-color:#147; color:#9cf;}  
#menu table{ border-collapse:collapse; padding:0; margin:-1px; font-size:1em;}  
</style>
</head>
<body>
<ul id=&#34;menu&#34;>
  <li> <a href=&#34;#nogo&#34;>
    <table>
      <tr>
        <td><dl>
            <dt><a href=&#34;#&#34;>Artech Studio</a></dt>
            <dd><a href=&#34;#&#34;>Web Dev</a></dd>
            <dd><a href=&#34;#&#34;>Web Design</a></dd>
            <dd><a href=&#34;#&#34;>Books</a></dd>
            <dd class=&#34;last&#34;><a href=&#34;#&#34;>Contact Us</a></dd>
          </dl></td>
      </tr>
    </table>
    </a> </li>
  <li> <a href=&#34;#nogo&#34;>
    <table>
      <tr>
        <td><dl>
            <dt><a href=&#34;#&#34;>Artech Store</a></dt>
            <dd><a href=&#34;#&#34;>Books</a></dd>
            <dd><a href=&#34;#&#34;>DVDs</a></dd>
            <dd><a href=&#34;#&#34;>Movies</a></dd>
            <dd class=&#34;last&#34;><a href=&#34;#&#34;>Service</a></dd>
          </dl></td>
      </tr>
    </table>
    </a> </li>
  <li> <a href=&#34;#nogo&#34;>
    <table>
      <tr>
        <td><dl>
            <dt><a href=&#34;#&#34;>Artech Achi</a></dt>
            <dd><a href=&#34;#&#34;>Landscape</a></dd>
            <dd><a href=&#34;#&#34;>Plan</a></dd>
            <dd><a href=&#34;#&#34;>Design</a></dd>
            <dd class=&#34;last&#34;><a href=&#34;#&#34;>Maps</a></dd>
          </dl></td>
      </tr>
    </table>
    </a> </li>
  <li> <a href=&#34;#nogo&#34;>
    <table>
      <tr>
        <td><dl>
            <dt><a href=&#34;#&#34;>Artech Science</a></dt>
            <dd><a href=&#34;#&#34;>Physics</a></dd>
            <dd><a href=&#34;#&#34;>Maths</a></dd>
            <dd><a href=&#34;#&#34;>Chemistry</a></dd>
            <dd class=&#34;last&#34;><a href=&#34;#&#34;>Courses</a></dd>
          </dl></td>
      </tr>
    </table>
    </a> </li>
</ul>
</body>
</html>
</TEXTAREA><br/><INPUT onclick="runEx('temp70345')"  type="button" class="userbutton" value="运行此代码"/> <INPUT onclick="doCopy('temp70345')"  type="button" class="userbutton" value="复制此代码"/> <INPUT onclick="saveCode('temp70345')" type="button" class="userbutton" value="保存此代码"><br/> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]</div></div>]]></description>
		</item>
		
</channel>
</rss>
