<?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>宁波网站建设|宁波网站设计|宁波网站制作 - CSS知识</title><link>http://www.alhnr.com/</link><description>宁波网页设计|宁波网站推广|宁波外贸网站制作设计 - </description><generator>RainbowSoft Studio Z-Blog 1.8 Arwen Build 90619</generator><language>zh-CN</language><copyright>Copyright 2006-2010 alhnr.com. Some Rights Reserved.</copyright><pubDate>Thu, 09 Sep 2010 14:56:44 +0800</pubDate><item><title>DIV+CSS解决IE6，IE7，IE8，FF兼容问题</title><author>251694904@qq.com (绿色心情)</author><link>http://www.alhnr.com/post/312.html</link><pubDate>Fri, 26 Mar 2010 13:30:50 +0800</pubDate><guid>http://www.alhnr.com/post/312.html</guid><description><![CDATA[（经验）DIV+CSS解决IE6，IE7，IE8，FF兼容问题<br/>那我来说说吧，做了差不多一年的DIV+CSS，也积累了不少解决兼容问题的方法，我这里只说现在主流的几个，（IE6，IE7，IE8，FF）其它的没去研究过<br/>1.ie8下兼容问题，这个最好处理，转化成ie7兼容就可以。在头部加如下一段代码，然后只要在IE7下兼容了，IE8下面也就兼容了<br/>]]></description><category>CSS知识</category><comments>http://www.alhnr.com/post/312.html#comment</comments><wfw:comment>http://www.alhnr.com/</wfw:comment><wfw:commentRss>http://www.alhnr.com/feed.asp?cmt=312</wfw:commentRss><trackback:ping>http://www.alhnr.com/cmd.asp?act=tb&amp;id=312&amp;key=e465478e</trackback:ping></item><item><title> IE6 IE7 FF兼容问题</title><author>251694904@qq.com (绿色心情)</author><link>http://www.alhnr.com/post/311.html</link><pubDate>Fri, 26 Mar 2010 13:26:35 +0800</pubDate><guid>http://www.alhnr.com/post/311.html</guid><description><![CDATA[DIV+CSS设计时IE6、IE7、FF 与兼容性有关的特性在网站设计的时候，应该注意css样式兼容不同浏览器问题，特别是对完全使用DIV CSS设计]]></description><category>CSS知识</category><comments>http://www.alhnr.com/post/311.html#comment</comments><wfw:comment>http://www.alhnr.com/</wfw:comment><wfw:commentRss>http://www.alhnr.com/feed.asp?cmt=311</wfw:commentRss><trackback:ping>http://www.alhnr.com/cmd.asp?act=tb&amp;id=311&amp;key=ad374277</trackback:ping></item><item><title>iframe包含文件且背景透明</title><author>251694904@qq.com (绿色心情)</author><link>http://www.alhnr.com/post/295.html</link><pubDate>Fri, 05 Mar 2010 09:38:28 +0800</pubDate><guid>http://www.alhnr.com/post/295.html</guid><description><![CDATA[<p>&lt;p&gt;&lt;iframe height=&quot;24&quot; marginheight=&quot;0&quot; src=&quot;ok.htm&quot; frameborder=&quot;0&quot; width=&quot;520&quot; allowtransparency=&quot;allowtransparency&quot; marginwidth=&quot;0&quot; scrolling=&quot;no&quot;&gt;&lt;/iframe&gt;&lt;/p&gt;</p>]]></description><category>CSS知识</category><comments>http://www.alhnr.com/post/295.html#comment</comments><wfw:comment>http://www.alhnr.com/</wfw:comment><wfw:commentRss>http://www.alhnr.com/feed.asp?cmt=295</wfw:commentRss><trackback:ping>http://www.alhnr.com/cmd.asp?act=tb&amp;id=295&amp;key=b3b7626e</trackback:ping></item><item><title>DIV+CSS怎样编写才能兼容IE7和IE8</title><author>251694904@qq.com (绿色心情)</author><link>http://www.alhnr.com/post/285.html</link><pubDate>Mon, 28 Dec 2009 14:37:51 +0800</pubDate><guid>http://www.alhnr.com/post/285.html</guid><description><![CDATA[<p>在&lt;head&gt;里加上&lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=EmulateIE7&quot; /&gt; IE8就以IE7的标准解释了。</p>]]></description><category>CSS知识</category><comments>http://www.alhnr.com/post/285.html#comment</comments><wfw:comment>http://www.alhnr.com/</wfw:comment><wfw:commentRss>http://www.alhnr.com/feed.asp?cmt=285</wfw:commentRss><trackback:ping>http://www.alhnr.com/cmd.asp?act=tb&amp;id=285&amp;key=0d491459</trackback:ping></item><item><title>IE6中PNG透明背景图片处理方法</title><author>251694904@qq.com (绿色心情)</author><link>http://www.alhnr.com/post/284.html</link><pubDate>Mon, 28 Dec 2009 14:34:55 +0800</pubDate><guid>http://www.alhnr.com/post/284.html</guid><description><![CDATA[<p>PNG图片可以表现更为绚丽多彩的颜色，常见的一些具有矢量效果的图片、图标都采用png格式，但是具有透明背景的png格式图片在IE6中却不是背景透明的，透明背景部分会显示出#DBEAED的淡灰色，表现效果很糟糕，为了使用透明背景图片只有采用gif格式了，但是gif格式会出现明显的锯齿效果，所以只有设法修复IE6的这个问题。解决的办法就是使用IE的Microsoft.AlphaImageLoader滤镜。</p>]]></description><category>CSS知识</category><comments>http://www.alhnr.com/post/284.html#comment</comments><wfw:comment>http://www.alhnr.com/</wfw:comment><wfw:commentRss>http://www.alhnr.com/feed.asp?cmt=284</wfw:commentRss><trackback:ping>http://www.alhnr.com/cmd.asp?act=tb&amp;id=284&amp;key=64a29076</trackback:ping></item><item><title>FLASH视频播放器</title><author>251694904@qq.com (绿色心情)</author><link>http://www.alhnr.com/post/283.html</link><pubDate>Mon, 28 Dec 2009 10:04:22 +0800</pubDate><guid>http://www.alhnr.com/post/283.html</guid><description><![CDATA[<h4 onclick="DictFold('PWDECMEC1');"><div class="d_left"><img src="http://www.open-open.com/ajax/resource/icon_1.gif" alt="" />&nbsp;Videobox&nbsp;</div><div class="d_right"><img id="dicttoggle_PWDECMEC1" src="http://www.open-open.com/ajax/resource/von.gif" alt="" /></div></h4><div id="dictc_PWDECMEC1" style="padding-right: 15px; padding-left: 15px; padding-bottom: 5px; padding-top: 1px">Videobox是一个只有6k大小的脚本，用于在页面中显示视频。Videobox使用<a href="http://blog.deconcept.com/swfobject/">swfobject</a>来嵌入Flash。视频可以来自Youtube、Metacafe、Google Video、iFilm和自己设置的Flash。<font face="Courier New"><br /><img alt="" src="http://www.open-open.com/ajax/pimage/Videobox.jpg" border="0" alignment="" /></font><p><a href="http://www.open-open.com/ajax/ajax20080508001033.htm">Videobox</a></p></div>]]></description><category>CSS知识</category><comments>http://www.alhnr.com/post/283.html#comment</comments><wfw:comment>http://www.alhnr.com/</wfw:comment><wfw:commentRss>http://www.alhnr.com/feed.asp?cmt=283</wfw:commentRss><trackback:ping>http://www.alhnr.com/cmd.asp?act=tb&amp;id=283&amp;key=8e163b32</trackback:ping></item><item><title>横向无缝滚动</title><author>251694904@qq.com (绿色心情)</author><link>http://www.alhnr.com/post/282.html</link><pubDate>Mon, 28 Dec 2009 10:02:11 +0800</pubDate><guid>http://www.alhnr.com/post/282.html</guid><description><![CDATA[<p>图片横向无缝滚动</p>]]></description><category>CSS知识</category><comments>http://www.alhnr.com/post/282.html#comment</comments><wfw:comment>http://www.alhnr.com/</wfw:comment><wfw:commentRss>http://www.alhnr.com/feed.asp?cmt=282</wfw:commentRss><trackback:ping>http://www.alhnr.com/cmd.asp?act=tb&amp;id=282&amp;key=58524680</trackback:ping></item><item><title>IE6下DIV最小高度不能为0的解决方法</title><author>251694904@qq.com (绿色心情)</author><link>http://www.alhnr.com/post/277.html</link><pubDate>Thu, 17 Sep 2009 09:36:04 +0800</pubDate><guid>http://www.alhnr.com/post/277.html</guid><description><![CDATA[<p>在网页布局时常会用到 DIV 来显示一些边角背景，需要设置较小的高度，默认情况下，IE6 中设置 DIV 较小高度会不起作用，在 IE7、FF 等浏览器不存在这个问题。</p><p style="padding-bottom: 0px; margin: 0px 0px 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px"><font style="font-size: 12px">&nbsp;<wbr></wbr>&nbsp;<wbr></wbr>&nbsp;<wbr></wbr> IE6 下默认的字体尺寸大致在 12 - 14px 之间，当你试图定义一个高度小于这个默认值的 DIV 的时候， IE6 会固执的认为这个层的高度不应该小于字体的行高。所以即使你用 height:5px; 来定义了一个 DIV 的高度，实际在 IE6 下显示的仍然是一个 12px 左右高度的层。</font></p><p style="padding-bottom: 0px; margin: 0px 0px 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px"><font style="font-size: 12px">&nbsp;<wbr></wbr>&nbsp;<wbr></wbr>&nbsp;<wbr></wbr> 要解决这个问题，可以强制定义该 DIV 的字体尺寸，或者定义 overflow 属性来限制 DIV 高度的自动调整。比如:</font></p><p style="padding-bottom: 0px; margin: 0px 0px 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px"><font style="font-size: 12px">&lt;div style=&quot;height: 5px; font: 0px Arial; line-height:0;&quot;&gt;&lt;/div&gt;</font></p><p style="padding-bottom: 0px; margin: 0px 0px 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px"><font style="font-size: 12px">或者</font></p><p style="padding-bottom: 0px; margin: 0px 0px 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px"><font style="font-size: 12px">&lt;div style=&quot;height: 5px; overflow: hidden;&quot;&gt;&lt;/div&gt;</font></p><p style="padding-bottom: 0px; margin: 0px 0px 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px"><font style="font-size: 12px">&nbsp;<wbr></wbr>&nbsp;<wbr></wbr>&nbsp;<wbr></wbr> 值得注意的是，设置 font-size:0 时这个容器的高度最小为 2px ，如果要设置 DIV 高度为 0 或 1px ，则需要使用 overflow:hidden; 来实现</font></p>]]></description><category>CSS知识</category><comments>http://www.alhnr.com/post/277.html#comment</comments><wfw:comment>http://www.alhnr.com/</wfw:comment><wfw:commentRss>http://www.alhnr.com/feed.asp?cmt=277</wfw:commentRss><trackback:ping>http://www.alhnr.com/cmd.asp?act=tb&amp;id=277&amp;key=224f4baf</trackback:ping></item><item><title>firefox margin-top失效的原因与解决办法</title><author>251694904@qq.com (绿色心情)</author><link>http://www.alhnr.com/post/260.html</link><pubDate>Wed, 06 May 2009 10:04:46 +0800</pubDate><guid>http://www.alhnr.com/post/260.html</guid><description><![CDATA[在解决样式问题时发现此文，转贴备忘<br/>－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－<br/>最近发现好多用margin-top实现的，上边距效果一直没有，一直都不知道什么原因，今天偶然看到了，特分享给大家<br/>为什么要翻译这篇说明？css2本有人已翻译过，但看一下，很粗糙（不是说自己就怎么怎么样啊，翻译者真的是很值得敬佩的！），近来跟css与xhtml接触得越来越多，但接触]]></description><category>CSS知识</category><comments>http://www.alhnr.com/post/260.html#comment</comments><wfw:comment>http://www.alhnr.com/</wfw:comment><wfw:commentRss>http://www.alhnr.com/feed.asp?cmt=260</wfw:commentRss><trackback:ping>http://www.alhnr.com/cmd.asp?act=tb&amp;id=260&amp;key=81a333a9</trackback:ping></item><item><title>设置CSS隐藏网页的滚动条的方法</title><author>251694904@qq.com (绿色心情)</author><link>http://www.alhnr.com/post/157.html</link><pubDate>Mon, 12 Jan 2009 13:01:34 +0800</pubDate><guid>http://www.alhnr.com/post/157.html</guid><description><![CDATA[<p>我们希望是强制出现滚动条，但有时候我们并不希望出现滚动条，那就要隐藏它了。从上个问题的指点中我们很容易得到答案----设置CSS属性overflow的值为hidden。　　具体步骤：　　方法一：设置CSS属性overflow为hidden。　　＜body style=&quot;overflow:hidden&quot;＞　　方法二：设置body元素的scroll属性为no。　</p>]]></description><category>CSS知识</category><comments>http://www.alhnr.com/post/157.html#comment</comments><wfw:comment>http://www.alhnr.com/</wfw:comment><wfw:commentRss>http://www.alhnr.com/feed.asp?cmt=157</wfw:commentRss><trackback:ping>http://www.alhnr.com/cmd.asp?act=tb&amp;id=157&amp;key=c3d20866</trackback:ping></item></channel></rss>
