╋艺 镇╋╋网站网络|程序语言|Flash╋┣◇网站建设&Web语言 → ie7 不兼容min-width


  共有19087人关注过本帖树形打印复制链接

主题:ie7 不兼容min-width

美女呀,离线,留言给我吧!
admin
  1楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信 司令 亲民勋章
等级:管理员 帖子:3027 积分:27521 威望:0 精华:7 注册:2003/12/30 16:34:32
ie7 不兼容min-width  发帖心情 Post By:2011/10/28 16:09:52 [只看该作者]

ie7 不兼容min-width

IE 不认得min-這個定義,但实际上它把正常的width和height當作有min的情況來使。這樣問題就大了,如果只用寬度和高度,正常的浏览器这两个值就不会变,如果只用min-width和min-height的話,IE下面根本等於沒有設置寬度和高度。   
比如要設置背景圖片,這個寬度是比較重要的。要解決這個問題,可以這樣:   
#box{ width: 80px; height: 35px;}  #box{ width: auto; height: auto; min-width: 80px; min-height: 35px;}   

html:
      <div class="head_nev" id="head_nev">
            <ul>
                <li style="width:17%"><a href="#">箱包<br/>Handbage</a></li>
                <li><a href="#">化妆品<br/>Cosmetisc</a></li>
                <li><a href="#">钟表<br/>Watches</a></li>
                <li><a href="#">饰品<br/>Accessories</a></li>
                <li><a href="#">服装鞋帽<br/>Clothing/Shoes</a></li>
                <li style="width:17%"><a href="#">男士精品<br/>Men</a></li>
            </ul>
        </div>
css:样式
.head_nev{
    background:#000;
    float:left;
    position:relative;
    width:100%;}
.head_nev ul{
    min-width:990px;
    width:auto;//
    height:auto;//
   }
.head_nev ul li{
    width:auto;//
    height:auto;//
    width:16.5%;
    float:left;
    text-align:center;
    background:#000;
    list-style-type:none;}
.head_nev ul li a{
    color:#FFF;
    min-width:100%;
    width:100%;
    padding:3px 0px;
    float:left;
    text-decoration:none;}

http://blog.sina.com.cn/s/blog_6fe11c5d0100tn4f.html


  
平面设计、网站建设、三维动画、视频制作 联系QQ:114103945  回到顶部