【问题标题】:Debugging lightbox ul for ie6为ie6调试灯箱ul
【发布时间】:2010-09-21 13:35:12
【问题描述】:

我已经完全调试了我的网站,除了一页:

http://hqinternetsolutions.com/fullservice/movies.html

li 在 ie 6 或 7 中显示不正确,但在其他浏览器中可以正常工作。 html 很简单:ul li 和锚标签。 css也很简单:

#moviegrid{
    width:560px;
    margin:20px auto;
    height:250px;

}

#moviegrid ul{
    list-style:none;
    margin:0;
    padding:0;
    display:inline;

}

#moviegrid li{
    padding:0;
    margin: 0;

    }

#moviegrid li img{
    background-color:#fff;
    padding:2px 2px 2px 2px;

}

#moviegrid li img:hover{
    background-color: #328f87;
    padding:2px 2px 2px 2px;
}

我做错了什么?!

【问题讨论】:

    标签: css internet-explorer internet-explorer-6 lightbox


    【解决方案1】:

    你还需要添加 zoom:1 来触发 IE 的 hasLayout 标志:

    #moviegrid li{
      padding:0;
      margin: 0;
      zoom: 1;
      display: inline;
    }
    

    【讨论】:

      【解决方案2】:

      我可能是错的,但是尝试将显示属性直接应用于 li 的,例如:

      moviegrid li{
          display:inline;
      }
      

      IE 6 或 7 不太擅长 CSS 继承,所以这可能是也可能不是问题...

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2014-09-09
        • 1970-01-01
        • 1970-01-01
        • 2010-10-02
        • 2010-09-07
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多