zoukankan      html  css  js  c++  java
  • IE6下a标签设置display:block后的BUG

    <div class="nav">
     <ul>
            <li><a href="/">首页</a></li>        
            <li><a href='/service/'  rel='dropmenu2'>灵犀服务</a></li>        
            <li><a href='/webdesign/'  rel='dropmenu3'>网站建设</a></li>        
            <li><a href='/seo/' >青岛SEO</a></li>        
            <li><a href='/show/'  rel='dropmenu5'>案例展示</a></li>        
            <li><a href='/t/' >官方博客</a></li>        
            <li><a href='/contact/' >联系我们</a></li>        
        </ul>
    </div><!--/nav-->

    样式表中已经对ul设置了宽度,对li设置了float:left。

    问题很奇怪,于是我试着将其中的a标签设置属性float:left。再次预览,发现竟然可以正常显示了。

    总结:在IE6下的BUG可谓多如牛毛,导航中的这类样式的使用过程中,如果对a标签设置了display:block,虽然li标签已经float了,但是为了兼容IE6,我们还需要对a标签设置一个display:block。

  • 相关阅读:
    Qt Opencv 在Linux下摄像头简单示例(转)
    自制木头台灯
    css3 transition 动画
    css 旋转动画
    maven 搭建 springmvc + jpa +mysql
    搭建前端框架
    mavean
    Mac上安装 Maven
    Mongdb文档学习笔记
    mongoDB高级查询与索引
  • 原文地址:https://www.cnblogs.com/luluping/p/1905074.html
Copyright © 2011-2022 走看看