代码改变世界

css note

2010-09-21 10:50  蜡笔小旧  阅读(247)  评论(0)    收藏  举报

(1)firefox margin-top 失效解决[20100921]

<br line-height:0px;" />

(2)ie6 注释也会引起莫名其妙的BUG[20100921]

(3)line-height:40px;【ie8，firefox】 元素垂直？待研究！

(4)

a.red:visited {color:#FF0000}

<a class="red" href="css_syntax.asp">CSS Syntax</a>

(5)

转[http://www.awflasher.com/blog/archives/1080]

css hack.

#someNode
{
    position: fixed;
   #position: fixed;
   _position: fixed;
}
  • 第一排给Firefox以及其他浏览器看
  • 第二排给IE7（可能以后的IE8、IE9也是如此，谁知道呢）看
  • 第三排给IE6以及更老的版本看

over-flow:hide

            <div class="header_bigimage">
                <a href="#"><img /></a>
            </div>

IE6中图片会溢出2px

解决方法:

  .header_bigimage{ height:136px; background-color:Orange; overflow:hidden;}
   .header_bigimage image{ width:100%; height:136px; }